Divi Dropdown Menü breiter machen

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!