Html Tek Sayfa Sitede Menü Çıkmıyor

Merhabalar. Tek sayfa bir site var. Bilgisayarda çıkıyor. Mesela media query'i 1200px verdiğimde çıkıyor. Ama telefonlarda çıkmıyor. Sayfa bootstrap ile hazırlanmış. Ben de media query verdim. Acaba bundan mı? Aşağıya doğru bu şekilde ilerliyor. Kodlar aşağıda bir bakabilir misiniz? Bir şey buldum. Sayfa genişliği 992px'in altına düştümü menü görünmüyor.

@media only screen and (max-width: 360px) {
        .bi-kar-logo {
            width:100px;
        }

        .hakkimizda-git-butonu {
            background-color: #ffc107;
            color:#000;
        }

        .hakkimizda-git-butonu:hover {
            background-color: #ffc107;
            color:#000;
        }

        .hakkimizda-yazisi-yazari {
            padding-top:15px;
            font-weight: bold;
            font-size: 21px;
            color:#fff;
        }

        .tanitim-vidyosu-yazisi {
            font-size: 50px;
            margin-top:5px;
            font-weight: bold;
            color:#fff;
        }

        .urunlerimizden-bazilari-yazisi {
            font-size:30px;
            text-align:center;
            color:#000;
            margin:20px 0px;
            font-family:cursive;
        }

        .iletisim-bilgilerimiz-div {
            text-align: center;
            font-size: 26px;
            color:#fff;
            font-weight: bold;
            text-decoration: underline;
        }

        .iletisim-bilgilerimiz-icerik {
            text-align: center;
            font-size: 20px;
            color:#fff;
            margin-top:15px;
        }
    }

    @media screen and (min-width: 361px) and (max-width: 375px) {
        .bi-kar-logo {
            width:100px;
        }

        .hakkimizda-git-butonu {
            background-color: #ffc107;
            color:#000;
        }

        .hakkimizda-git-butonu:hover {
            background-color: #ffc107;
            color:#000;
        }

        .hakkimizda-yazisi-yazari {
            padding-top:15px;
            font-weight: bold;
            font-size: 21px;
            color:#fff;
        }

        .tanitim-vidyosu-yazisi {
            font-size: 50px;
            margin-top:5px;
            font-weight: bold;
            color:#fff;
        }

        .urunlerimizden-bazilari-yazisi {
            font-size:30px;
            text-align:center;
            color:#000;
            margin:20px 0px;
            font-family:cursive;
        }

        .iletisim-bilgilerimiz-div {
            text-align: center;
            font-size: 26px;
            color:#fff;
            font-weight: bold;
            text-decoration: underline;
        }

        .iletisim-bilgilerimiz-icerik {
            text-align: center;
            font-size: 20px;
            color:#fff;
            margin-top:15px;
        }
    }

    @media screen and (min-width: 376px) and (max-width: 384px) {
        .bi-kar-logo {
            width:100px;
        }

        .hakkimizda-git-butonu {
            background-color: #ffc107;
            color:#000;
        }

        .hakkimizda-git-butonu:hover {
            background-color: #ffc107;
            color:#000;
        }

        .hakkimizda-yazisi-yazari {
            padding-top:15px;
            font-weight: bold;
            font-size: 21px;
            color:#fff;
        }

        .tanitim-vidyosu-yazisi {
            font-size: 50px;
            margin-top:5px;
            font-weight: bold;
            color:#fff;
        }

        .urunlerimizden-bazilari-yazisi {
            font-size:30px;
            text-align:center;
            color:#000;
            margin:20px 0px;
            font-family:cursive;
        }

        .iletisim-bilgilerimiz-div {
            text-align: center;
            font-size: 26px;
            color:#fff;
            font-weight: bold;
            text-decoration: underline;
        }

        .iletisim-bilgilerimiz-icerik {
            text-align: center;
            font-size: 20px;
            color:#fff;
            margin-top:15px;
        }
    }

<div class="cr-menu-section menu-section">
    <div class="container">
        <nav class="cr-menu one-page-menu">
            <ul>
                <li><a href="index.html">Anasayfa</a></li>
                <li><a href="#cr-about">Hakkımızda</a></li>
                <li><a href="urunlerimiz.html">Ürünlerimiz</a></li>
                <li><a href="#cr-contact">İletişim</a></li>
            </ul>
        </nav>
    </div>
</div>

Html Tek Sayfa Sitede Menü Çıkmıyor

Soru hatalı mı? 👎

Cevap yaz

Cevaplar (0)