• 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

Fiszki IT
Fiszki IT
0 głosów
41 wizyt
pytanie zadane 3 dni temu w HTML i CSS przez ok10 Nowicjusz (120 p.)
edycja 3 dni temu 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 3 dni temu przez Comandeer Guru (558,500 p.)
Proszę na przyszłość wstawiać kod w odpowiednim bloczku.

Dodatkowo przydałby się kod JS tego menu.
komentarz 3 dni temu przez ok10 Nowicjusz (120 p.)
przeniesione 3 dni temu 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ź 107 wizyt
pytanie zadane 10 marca 2020 w JavaScript przez Hehe$zky Nowicjusz (140 p.)
0 głosów
2 odpowiedzi 453 wizyt
0 głosów
1 odpowiedź 180 wizyt
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

84,706 zapytań

133,512 odpowiedzi

295,905 komentarzy

55,988 pasjonatów

Motyw:

Akcja Pajacyk

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

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

...