Auswahlmenü überlagert sich bei kleinen Bildschirmen 
Autor: Uwe H.Hallo zusammen,
unter "Hirscheck.eu" habe ich für einen Bekannten eine Seite zu seinem Lokal erstellt und grundsätzlich ist er (und ich) mit meinem Erstlingswerk zufrieden. Zwischenzeitlich habe ich ein Problem entdeckt, auf dessen Lösung ich noch nicht gekommen bin.
Bei kleineren Bildschirmen (hier schon ab 720 px) überlagern sich die Dropdownmenues meiner Navigationszeile, das heisst, gehe ich auf Speisen und Getränke und öffne Speisen, öffnet sich zwar das Dropdownmenue, aber ich kann 3 Seiten nicht aufrufen, da sie von den folgenden Menüpunkten der Navigation überlagert werden. Über das Ausblenden von unwichtigen Inhalten bei kleinen Bildschirmen bin ich nicht auf die Lösung gekommen.
Für einen kleinen Tipp wäre ich euch dankbar - und denkt daran, ich gehöre zur Kategorie "Laie".
Stelle mal das Dropdown Menü um auf "In mehrere Spalten anordnen" und dort muss es eine Einstellunge geben mit max. Einträge pro Spalte die du raufsetzen kannst. Ob dann noch der Effekt da ist.
Autor
das habe ich schon probiert. Es ändert nichts an dem Problem, dass das Dropdown Menü vom Navigationsmenü überlagert wird.
Es muss noch etwas anderes geben :-(
Nein, gibt es nicht! Außer man macht eine andere Menüstruktur! Aber vielleicht weis INCO wie man es lösen kann.
Autor
das mit der anderen Struktur habe ich mir auch schon überlegt. Aber das würde ja bedeuten, dass ich ein seitliches Navigationsmenü einbauen müsste. Und das dumme daran ist, dass meinem Kumpel sie Seite so wie sie ist gefällt.
Guten Tag Uwe,
bitte versuchen Sie, die Ränder der Menüelemente und der Font zu verkleinern, sowie auch das Raum für das Menü zu vergrößern.
Halten Sie mich bitte auf den laufenden. Mit freundlichen Grüßen.
Autor
Vielen Dank Elisa - es hat geklappt.
Kurz zur Klärung des Problems. Ich hatte als Menue und Headerbreite 960 px eingestellt, um die Seite auch auf älteren Monitoren richtig zu sehen. (Diese Größe ist ein Überbleibsel aus meinen ersten Versuchen, eine Webside zu erstellen - werde ich wohl ablegen)
Ich habe die Breite auf 1200 px gesetzt und nachdem ich hier dann auch noch beim Dropdownmenue auf "in einer Spalte anzeigen" eingestellt hatte, wird das Menü auch bei 480 px sauber angezeigt.
Ich musste nur noch zwecks der Optik die Bilder im Header und die Abstände der Menüschalter an die neue Größe anpassen und jetzt passt alles.
Nochmals vielen Dank für eure Tipps - alleine wäre ich vermutlich nicht auf die Lösung gekommen.