Hilfe bei responsive Navigation

[Foos]

Hallo ihr Lieben,

ich wende mich mal wieder mit einer Frage an euch, bei der ich selbst einfach nicht weiterkomme.

Auf meiner aktuellen Seite gibt es eine responsive Navigation. Diese Navi gefällt mir allerdings gar nicht, da sie einfach alle Navigationspunkte untereinander listet. Ich hätte gerne - wie im normalen Bereich - Punkte zusammengefasst als eine Art Drop-Down.

Jetzt weiß ich überhaupt nicht, wo ich das reinschreiben oder umschreiben soll, dass eben im responsive Bereich auch Drop-Downs erscheinen.

Könnt ihr mir helfen?

 

[Sargas]

Damit ich das richtig verstehe, du möchtest wenn du eine geringe Displaybreite hast und das Icon mit den drei Balken erscheint mit dem man die Navigation ausklappen kann, dadrin nochmal ausklappare Buttons haben für die jeweiligen übergeordneten Navigationspunkte?

Wenn ich das richtig verstanden habe, dann wird das nicht ganz so einfach, ich würde per CSS einfach die übergeordneten Elemente etwas hervorheben, vielleicht fett machen.

Das geht relativ einfach da die untergeordneten Listen <ul> die Klasse "sub-menu" haben. Das heißt du stylst zuerst die gesamte Navigation und dann die "sub-menus" extra.

Hilft dir das weiter?

 

[Foos]

Damit ich das richtig verstehe, du möchtest wenn du eine geringe Displaybreite hast und das Icon mit den drei Balken erscheint mit dem man die Navigation ausklappen kann, dadrin nochmal ausklappare Buttons haben für die jeweiligen übergeordneten Navigationspunkte?

Wenn ich das richtig verstanden habe, dann wird das nicht ganz so einfach, ich würde per CSS einfach die übergeordneten Elemente etwas hervorheben, vielleicht fett machen.

Das geht relativ einfach da die untergeordneten Listen <ul> die Klasse "sub-menu" haben. Das heißt du stylst zuerst die gesamte Navigation und dann die "sub-menus" extra.

Hilft dir das weiter?

Hast du richtig verstanden, ja
Das mt dem fett-Modus find ich gut und werde ich mal versuchen.

Danke dir.

 

[noltehans]

Hi Foos,

hier ein Off-Canvas Menü mit Dropdown.

(Browserfenster verkleinern)