1

Divi 5 und die 6 Standard Menu Styles

von Eric-Oliver Mächler | März 16, 2026 | Allgemein | 0 Kommentare

Schlagwörter: DIVI

Was viele, die Divi verwenden, gar nicht wissen, ist, dass dieses System bereits ein paar Standard-Menu-Styles mitbringt. Ja, man muss nicht immer über den Theme Builder einen speziellen Header bauen, denn manchmal reicht auch einer der 6 Standard-Styles. Und heute möchte ich euch kurz zeigen, wo die sind und wie die aussehen.

Video

Also als erstes müsst ihr euer Menu bei Design → Menus einrichten. Dort könnt ihr dann wie immer die einzelnen Menupunkte zusammentragen und alles organisieren. Das ist ja wie immer eines der ersten Dinge, die man tun muss.

Danach könnt ihr direkt unter Divi → Theme Customizer gehen und dort auf Header & Navigation klicken. Jetzt sehen wir die verschiedenen Designvarianten.

Default

Als erstes sehen wir Default und das ist das absolut basic Menu-Design, das wir alle kennen.

Senkrechtes Menu

Wenn man unten dann auf das Kästchen mit Vertical Navigation klickt, wird das Menu senkrecht angezeigt. Man kann da auch gleich auswählen, ob man es auf der linken oder rechten Seite haben möchte.

Centered Menu

Wenn ich im Drop-down-Menu Centered auswähle, dann wird das ganze Menu zentriert und das Logo über den Menupunkten ebenfalls zentriert angezeigt.

Centered Inline Logo

Hier wird das Menu ebenfalls zentriert angezeigt, aber das Logo wird nun zentriert in den Menupunkten angezeigt.

Slide In

Wenn ihr das ausgewählt habt, dann wird das Menu senkrecht angezeigt und von der Seite her eingeblendet.

Fullscreen

Und wenn man Fullscreen auswählt, ist es wirklich ein komplettes Fullscreen-Menu über allem.

Also ihr seht: Man muss nicht immer aufwändige eigene Menus designen. Manchmal reicht es auch, eines der 6 Standard-Menu-Designs auszuwählen und anzupassen.

0 Kommentare

Kommentar Schreiben

Du kannst auf Fediverse-Profile verlinken, indem du fl:@benutzername in deinem Kommentar eingibst.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert