Mobil sağ alt köşede bulunan icon için aşağıdaki kodu _Layout sayfasına, buton gelecek olan alana yapıştırıyoruz;

            <div class="col">
                <a data-fancybox="" data-src="#dil" href="javascript:;">
                    <i class="fas fa-globe-europe"></i>
                    <span>Dil Seçeneği</span>
                </a>
            </div>

Tıklandığı zaman açılacak olan ekran;

    @if (Languagesay > 1)
    {
        <div id="Language" style="width:100%; display: none;">
            <h4>Select Your Language</h4>
            @foreach (Language aktifLanguage in Languages)
            {
                if (aktifLanguage.LanguageShortName == "tr")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/tr">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_tr.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "en")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/en">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_uk.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "ru")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/ru">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_ru.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "fr")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/fr">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_fr.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "ar")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/ar">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_ar.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "fa")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/fa">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_ir.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "de")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/de">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_de.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "sv")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/de">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_sv.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "nl")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/nl">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_nl.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "zh")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/zh">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_zh.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "it")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/it">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_it.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "no")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/no">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_no.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "es")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/es">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_es.png" style="width: 100%;" />
                        </a>
                    </div>
                }
            }
        </div>
    }