Deine Menü-Links sind zu lang und brechen im Divi Dropdown Menü unschön um? Das muss nicht sein!
Mit folgenden Codeschnipseln kannst du das Divi Dropdown Menü breiter machen, sodass deine Links ohne Umbruch ins Menü passen.
Kopiere einfach einen der folgenden Codeschnipsel in das Stylesheet deines Divi-Child-Themes oder im Theme Customizer unter Zusätzliches CSS, je nachdem ob du dein Hauptmenü mit dem Divi Standard Menü oder dem Divi Theme Builder aufgebaut hast:
Divi Standard Menü
/* Divi Dropdown Menü breiter machen */ :root { --dropdown-menu-width: 300px; /* Hier Menübreite ändern */ } .nav li ul { width: var(--dropdown-menu-width); } .nav li li ul { left: var(--dropdown-menu-width); } #top-menu li li a { width: calc(var(--dropdown-menu-width) - 40px); }
Divi Theme Builder Menü
/* Divi Dropdown Menü breiter machen */ :root { --dropdown-menu-width: 300px; /* Hier Menübreite ändern */ } .nav li ul { width: var(--dropdown-menu-width); } .nav li li ul { left: var(--dropdown-menu-width); } .et-menu li li a { width:calc(var(--dropdown-menu-width) - 40px); }
Und fertig!
Wenn dir das Codeschnipsel weitergeholfen hat, freue ich mich über einen Kommentar von dir!
Danke für das Tut. Ich habe jetzt noch das Problem, dass beim letzten Menüpunkt der Text der Untermenüs nicht komplett zu lesen ist. Hast du dafür auch einen Tipp?
Dank schon mal im Voraus
Hi Carsten,
vielen Dank für deinen Kommentar!
Versuche mal folgenden Code:
Viele Grüße,
Tobias
Perfekt. Vielen Dank.
VG
Carsten
Allerdings mit dem Code aus dem Postbeitrag erhalte ich einen Fehler bzw. ändert sich nichts.
Hi Carsten,
hast du beide Codeschnipsel, also den aus dem Postbeitrag und den aus meinem Kommentar eingefügt? Die brauchst du beide…
Viele Grüße,
Tobias
Hi Tobias,
der aus dem Kommentar geht. der aus dem Post nicht.
VG
Carsten
Hi Carsten,
seltsam, bei mir sieht alles bestens aus.
Hast du mal den Browsercache geleert? Kannst auch mal die Seite mit STRG-F5 neu laden.
Viele Grüße,
Tobias
Hallo,
geht das nicht auch irgendwie über den Visual Page Builder?
Hallo Doro,
leider nicht, daher ja das Codeschnipsel. Mit dem Codeschnipsel kannst du die Breite aber ziemlich einfach steuern.
VG,
Tobias
Tausend mal Dank !!!!!
Hi Elke,
gerne! Freut mich, wenn es hilft 😉
VG,
Tobias