Das Drop-Down-Menü des Divi-Themes wird normalerweise links ausgerichtet dargestellt. Doch die Menüpunkte lassen sich auch zentrieren. Das geht sowohl im Menümodul als auch im Divi-Standardmenü. Wir zeigen Ihnen die Lösung für beide Varianten.
Beginnen wir mit dem Divi-Menü-Modul.
Dropdown-Menü im Menü-Modul des Divi-Themes zentrieren
Dafür benötigen Sie die folgenden CSS-Zeilen. Fügen Sie diese in das CSS-Stylesheet Ihrer Website ein – im Backend unter Design/Customizer/Zusätzliches CSS:
.et-menu-nav li ul.sub-menu {
left: 50%!important;
right: auto!important;
text-align: center!important;
transform: translate(-50%, 0)!important;
}Das war auch schon der ganze Zauber.
Wenn Sie ihre Navigation jedoch nicht mit dem Menü-Modul sondern mit dem Standard-Menü darstellen, kommt eine andere Lösung zu Zug.
Dropdown-Menü im Standardmenü des Divi-Themes zentrieren
Auch für das Standard-Menü gibt es einen CSS-Block. Einfach unter Design/Costumizer/Zusätzliches CSS ins Stylesheet einbinden:
#main-header .nav li ul {
left: 50%!important;
right: auto!important;
text-align: center!important;
transform: translate(-50%, 0)!important;
}Und … gut ist. That easy!
Werbung
Werbung
