Guten Abend!
Ich versuche gerade ein responsives Menü zu realisieren.
Wenn folgende Seite <= 500 Pixel (!) angezeigt wird
http://www.f1.cgs.onlinebusiness.cc/
sollte, mit einem Klick auf die grüne Schaltfläche "show menu" eigentlich das Menü in der ersten Ebene ausklappen und bei einem Hover über eine Hauptseite mit Unterseiten, sollten die Unterseiten ausklappen.
Leider klappt dies nicht.
Es hängt wohl an folgendem CSS, aber ich finde nicht die Ursache:
Code:
/*Show menu when invisible checkbox is checked*/
#mobmenuprev input[type=checkbox]:checked ~ #mobmenuspace ul {
display: block;
}
/*Display the dropdown on hover*/
#mobmenuspace ul li a:hover + .hidden, #mobmenuspace .hidden:hover {
display: block;
}
Wenn ich
#mobmenuspace ul
#mobmenuspace li ul
in den Firefox Webdevelopertools manuell auf "display:block;" schalte funktioniert es!
Hat jemand eine Idee?
Vielen lieben Dank!