Lesefortschritt:

    Mobiles Divi-Menu mit Scrollfunktion

    29. Oktober 2025 | CSS-Stylesheet, Divi-Theme

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

    Wenn Sie viele Menüpunkte in Ihrem Divi-Menü aufführen, kann es vorkommen, dass es auf Mobilanzeigen höher ist als der anzeigbare Bereich des Displays. Gerade bei Untermenüs kann das schnell mal passieren und es können einige der Menü-Punkte abgeschnitten und nicht mehr erreichbar sein. Heute zeigen wir Ihnen, wie Sie das Divi Mobile-Dropdown-Menü bei Bedarf in der Höhe scrollbar machen.

    Für den Trick benötigen Sie bloss einen kurzen CSS-Code, den Sie in das CSS-Stylesheet Ihrer Divi-Website kopieren. Dies geschieht im Backend unter Design/Customizer/Zusätzliches CSS:

    .et_mobile_menu {
    overflow: scroll !important;
    max-height: 80vh;
    }

    That’s it. Wenn Ihr Mobilmenü nun höher ausfällt als es das Display zulässt, wird das Mobilmenü einfach scrollbar.

    Werbung

    Styling-Ideen für das Divi-Blurb-Modul

    Vor Wochenfrist haben wir einen Beitrag zum Blurb-Modul des Divi-Themes veröffentlicht, in dessen Folge zahlreiche Anfragen für besondere Stylings eingetroffen sind. Darum schieben wir heute eine Serie Stylingideen zum Informationstext-Modul ...

    «Back to top»-Button im Divi-Theme stylen

    Im Divi-Theme lässt sich ein «Back to top»-Button anzeigen. Wenn man auf einer Seite hinunterscrollt wird dieser Button unten rechts angezeigt und ermöglicht es BesucherInnen, mit einem Klick wieder bis ganz nach oben zu scrollen. Ein nettes ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This