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.