Problem bei Hamburger-Menu: Einträge überlagern sich 
Autor: Horst-Jörg K.Hallo miteinander,
oben rechts in der Ecke läuft ja bei Bedarf das Hamburger-Icon mit, mit dem man, wenn eine Webseite weiter nach unten gescrollt ist, die Menustruktur aufrufen kann. Da habe ich nun folgendes Problem:
Meine Seite hat folgenden Menuaufbau:
Eintrag1 auf Ebene 1
Eintrag1 auf Ebene 2
Eintrag2 auf Ebene 2
Eintrag1 auf Ebene 3
Eintrag2 auf Ebene 3
Eintrag3 auf Ebene 3
Eintrag3 auf Ebene 2
Eintrag3 auf Ebene 2
Eintrag2 auf Ebene 1
....
usw.
Das funktioniert auch prima, wenn das horizontale Menu komplett oben auf der Seite angezeigt wird.
Wenn aber auf das Hamburger-Menu umgeschaltet wird und man z. B. auf "Eintrag2 auf Ebene 2" klicke, dann werden zwar die Menupunkte der Ebene 3 geöffnet, die der darunterliegenden Ebene 2 werden jedoch nicht weiter nach unten verschoben, so dass sich die Einträge der Ebenen 2 und 3 überlagern (Beispiel => angehängte Graphik). Das Menu kann so natürlich nicht sinnvoll genutzt werden, was doch vor allem bei kleinen Bildschirmen (z. B. bei mobilen Geräten) notwendig wäre.
Gibt es eine Möglichkeit, das zu beheben?
Viele Grüße
HJK
Guten Tag,
Ist die Seite online um zu sehen wieso dies passiert?
Imn Fall es noch nicht fertig ist könnten Sie es in einen Unterordner hochladen und mir dann hier die URL schreiben damit ich es sehen kann?
Vielen Dank!
Autor
Guten Tag,
zunächst einmal möchte ich Ihnen ein schönes neues Jahr wünschen.
Zum Thema:
Es hat mit der Rückmeldung leider etwas länger gedauert. Pardon.
Die Seite finden Sie unter "scl1908ev.de". Gehen Sie bitte mit einem Smamtphone z. B. im Menu auf: "Mannschaften > 1. Mannschaft". Die beidern ersten Einträge des Untermenus sind noch zu lesen, die nächsten aber schieben sich über die darunter gelisteten Einträge.
Der Effekt tritt auch dann auf, wenn man das Browser-Fenster auf einem PC-Bildschirm so weit verkleinert, bis das Hamburger-Menu erscheint. Das ist unabhängig vom Browser (ich habe es gerade noch einmal mit Firefox, Opera und Edge ausprobiert).
Viele Grüße
HJK
Kann ich bestätigen habs mal markiert für Incomedia.
Fehler tritt in Opera nicht auf.
Ich würde hier eventuell auch das Seitenmenü mit benutzen Platz hast du ja genug.
Autor
Hallo, Zwoemti,
> Fehler tritt bei Opera nicht auf.
Daraufhin habe ich es gerade noch mal mit meinem Opera 42.0 ausprobiert: der Fehler tritt bei mir auf.
Ein Seitenmenu möchte ich nicht verwenden, denn so habe ich, was den Seiteninhalt betrifft, mehr Flexibilität bezüglich seiner Verteilung auf Spalten. Von 1997 bis etwa 2007 habe ich tatsächlich mit Seitenmenus gearbeitet (damals noch alles mit einem einfachen Texteditor selbst geschrieben), seitdem nehme ich horizontale Menus.
Es ist natürlich reine Geschmackssache, aber ich finde für meine Zwecke Seiten, die allzu sehr in die Breite gehen, nicht so ansprechend. Ich halte es da eher mit so einer Art Zeitungsformat, also bei den heutigen Monitoren so um die 1000 Pixel Breite.
Gruß
HJK
Guten Tag,
Danke für die Infos. Könnten Sie mir bitte das Projekt (Die IWZIP Datei) senden damit ich sehen kann wieso dies passiert?
Sie können die Funktion auf http://www.wetransfer.com benutzen um einen Link zu generieren den Sie mir hjhier schreiben können damit ich es herunterladen kann.
Ich habe den Beitrag auf Privat gestellt damit nur wir den Inhalt lesen können.
Vielen Dank!
Autor
Hallo,
hab's bei meinem Provider deponiert:
https://cloud.1und1.de/ngcloud/external?locale=de&guestToken=7VrH8n0CSA6jelF6Kh8owg&loginName=43675125
Guten Tag,
Danke für das Projekt. Ich habe es den Entwickler gemeldet. Um es zu lösen gehen Sie in Schritt 2 - Drop down menu und ändern Sie den Effekt auf Variante 3 dann wird es korrekt funktionieren.
Vielen Dank!
Autor
Oh, das war ja simpel! Auf die Idee, das zu umgehen und einfach eine andere Einstellung auszuprobieren, bin ich schlichtweg nicht gekommen. Manchmal ist man aber auch zu vernagelt...
Vielen Dank meinerseits!