Druckbare Version
Hallo zusammen,
auf http://schwieger2018.igaoptic.de/ habe ich leider das Problem, dass sich das Menü mobil nicht ausklappen lässt. Jquery ist per CDN eingebunden. Hat jemand evtl. eine Idee wo der Störenfried sitzt und wie man es beheben kann?
Vielen lieben Dank im Voraus
Bei mir klappt der Text "und andere Sachen" aus.
Da fehlen nur die Menüpunkte.
Kann ich so leider nicht bestätigen. Weder über Chrome am Rechner als mobil-Ansicht noch direkt auf dem Handy. Bei mir klappt leider nichts aus.
Irgendwie verdeckt Dein Header oder ein Teil davon die mobile Navigation.
Ich sehe die nur zwischen 768 und 992px
Irgendwo hat Du da was im CSS eingetragen was stört , schau mal u.a. die Klasse .header.original an
Ich kann jetzt nicht auf die Schnelle sehen was da genau los ist aber die steht auf visibility: hidden; bis 767px
Aber Ausklappen geht wenn man denn mal drauf klicken kann
Ich kenne mich mit dem Mega-Menu nicht wirklich aus. Was mir auffällt:
- bei unter ca. 990px wird die Hauptnavigation ausgeblendet und der Button für das Mobile Menu eingeblendet.
- bei unter ca. 768px wird dieser Button wieder ausgeblendet und der Header besteht nur noch aus dem Logo. Das trifft wohl in deiner Chrome-Ansicht zu.
- wenn man den Button anklickt (also Browserbreite zwischen 770 und 990px), wird ein leeres schwarzes Menü geöffnet, das einzige was dort sichtbar ist ist der Text"
und andere Sachen".
- das Menü darin (.mainmenu) wird mittels Media Query an dieser Stelle ausgeblendet:
Hier kann es mit display: block wieder sichtbar gemacht werden, ist dann allerdings ziemlich ungestyled.Code:@media only screen and (min-width: 768px) and (max-width: 970px) {
.smartmenu {
display: block;
}
.mainmenu {
display: none;
}
}
Man könnte das ganze sicher reparieren, indem man die genannten Stellen anpasst. Ich verstehe aber nicht, warum das Menü bei unter 768px ausgeblendet wird, vielleicht ist einfach irgendwas beim Modul falsch eingestellt wurden.