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.

Schliessen-Icon des Divi-Standardsuchmoduls anpassen

10. September 2025 CSS-Stylesheet | Divi-Theme | Suche-Modul

Die Standardkopfzeile des Divi-Themas enthält ein Suchsymbol, das beim Anklicken ein Suchfeld aufruft. Dieses Suchfeld enthält ein graues «Kreuz»-Symbol, das zum Schliessen des Suchfeldes verwendet werden kann. Wenn Sie eine andere Farbe ...

Statt Zufall: Spaltenzahl im Divi-Blogmodul definieren

30. April 2023 CSS-Stylesheet | Divi-Theme | Blog-Modul

Das Blog-Modul des Divi-Themes ist recht beschränkt, was die Einstellungsmöglichkeiten für die Ausgabe betrifft. Vor allem hinsichtlich Spalten wünscht man sich oft mehr Optionen. Die gibt es auch: mit einem einfachen Trick. Hier zeigen wir ...

Dem Informationstext-Modul (Blurb-Modul) des Divi-Themes einen hübschen Hover-Effekt hinzufügen

27. März 2024 CSS-Stylesheet | Divi-Theme

Mit dem Informationstext-Modul des Divi-Themes – auch «Blurb-Modul» genannt – lassen sich Teaser ganz einfach anlegen. Und mit ein wenig CSS-Code auch ganz nett aufhübschen. Wir zeigen Ihnen, wie das geht.

Divi: Linie unter dem Header und bei der Sidebar entfernen

3. Januar 2021 CSS-Stylesheet | Divi-Theme | Seitenleisten-Modul

Divi zeigt in der Grundinstallation unter dem Header und am Rand der Sidebar eine feine Linie an. Das mag bei der Webentwicklung noch hilfreich sein, im Alltag möchte man aber auf die Trennlinien meist verzichten. Sie lassen sich ganz einfach ...

Keine Inhalte gefunden.

Divi-Module

Dr.-Code-Specials

Geplante Beiträge

Child-Theme erstellen

Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden.

mehr Infos

Member-Bereich

Dr. Code bietet Ihnen kostenlosen Zugang zu unserer umfangreichen Hack-Datenbank. Neben den bislang veröffentlichten Beiträgen und Tricks sind aberdutzende weitere Themen für Member bereits jetzt verfügbar.

Jetzt kostenlos und spamfrei registrieren

Themenidee?

Können wir Ihnen zu einem ganz bestimmten Thema weiterhelfen? Unsere Leserinnen und Leser haben oft die besten Ideen.

Themenvorschlag

Treffen Sie Vorsichtsmassnahmen bei der Nutzung der Inhalte dieser Website. Auch wenn die Tipps und Tricks erprobt sind, kann mal was schiefgehen.

Wir empfehlen, möglichst in einer Testumgebung zu arbeiten und/oder Sicherungskopien anzulegen, bevor Sie ans Werk gehen.

Mobiles Divi-Menu mit Scrollfunktion

Schliessen-Icon des Divi-Standardsuchmoduls anpassen

Statt Zufall: Spaltenzahl im Divi-Blogmodul definieren

Dem Informationstext-Modul (Blurb-Modul) des Divi-Themes einen hübschen Hover-Effekt hinzufügen

Divi: Linie unter dem Header und bei der Sidebar entfernen

Kategorien

Divi-Module

Dr.-Code-Specials

Neueste Beiträge

Geplante Beiträge

Child-Theme erstellen

Member-Bereich

Themenidee?

Werbung

Pin It on Pinterest