Lesefortschritt:

Divi-Menü auf gesamter Seitenbreite darstellen

22. Mai 2022 | CSS-Stylesheet, Divi-Theme

Trick # 151 | Dieser Beitrag beinhaltet 325 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Das Divi-Menu wächst seitwärts, je mehr Inhalte angezeigt werden. Bisweilen kann das Menu dabei «überlaufen» – bzw. zweistöckig dargestellt werden. Dies lässt sich ändern, wenn auf einer Website das Menu von allem Anfang an auf der ganzen Seitenbreite dargestellt wird – und dies auch bei weniger Menupunkten.

Alles, was Sie benötigen, ist ein wenig CSS-Code. Diesen fügen Sie in das Stylesheet des Child-Themes Ihrer Word­Press-Seite ein. Sie finden es unter Design/Customizer/Zusätzliches CSS:
.et_pb_fullwidth_menu .et_pb_menu__menu {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
 
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul {
    justify-content: space-between;
}
 
.et_pb_fullwidth_menu .et_pb_menu__menu, 
.et_pb_fullwidth_menu .et_pb_menu__menu > nav, 
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul, 
.et_pb_menu .et_pb_menu__menu, 
.et_pb_menu .et_pb_menu__menu > nav, 
.et_pb_menu .et_pb_menu__menu > nav > ul {
  flex-grow: 1;
}
Das Divi-Menu wird nun auf der gesamten Seitenbreite dargestellt. Auch bei weniger Navigationspunkten.

Werbung

Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.