• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Hamburger menu - nie chowa się po kliku

0 głosów
102 wizyt
pytanie zadane 14 września 2021 w HTML i CSS przez ok10 Nowicjusz (120 p.)
edycja 14 września 2021 przez Comandeer

Witam wszystkich,

Problem dotyczy menu na mobilce. Na desktopie działa ok. 

Po kliknięciu w hamburgera widać efekt w postaci wejścia na anchor, ale treść jest zasłonięta przez tło hambugera.

Po odkliknięciu hamburgera jest ok.

 

HTML - po usunięciu dropdown linki są aktywne, tylko to tło pozostaje.

<i class="menu-btn"></i>
            <div class="menu-cnt">
                <ul id="main-menu">
                    <li class="">
                        <a href="index.html">Home</a>
                    </li>
                    <li class="">
                        <a href="#firma-section">O firmie</a>

                    </li>
                    <li class="">
                        <a href="#oferta-section">Oferta</a>
                       <li class=""> 
                    </li>
                    <li>
                        <a href="kontakt.html">Kontakt</a>
                    </li>
                </ul>
                <div class="menu-right">
                    <ul class="lan-menu">
                        <li class="dropdown">
                            <a href="#"><img src="media/pl.png" alt="polska flaga" />PL </a>
                            <ul>
                            </ul>
                        </li>
                    </ul>

 

komentarz 14 września 2021 przez Comandeer Guru (571,300 p.)
Proszę na przyszłość wstawiać kod w odpowiednim bloczku.

Dodatkowo przydałby się kod JS tego menu.
komentarz 14 września 2021 przez ok10 Nowicjusz (120 p.)
przeniesione 14 września 2021 przez ScriptyChris
Próbuję wkleić w bloczku, ale pojawia się monit, że temat nie jest już dostępny.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 179 wizyt
pytanie zadane 10 marca 2020 w JavaScript przez Hehe$zky Nowicjusz (140 p.)
0 głosów
2 odpowiedzi 495 wizyt
0 głosów
1 odpowiedź 206 wizyt

88,664 zapytań

137,273 odpowiedzi

306,607 komentarzy

58,864 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...