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.

Font-Special 4: Schriftarten in die Website einbinden – so geht’s

8. August 2021 CSS-Stylesheet | Fonts & Icons | Scripts | WordPress

Das Einbinden von eigenen Schriftarten ist nicht ganz ohne - unter dem Strich aber doch zu einfach, um auf hübsche und besonders passende Schriftarten zu verzichten. Dr. Code zeigt Ihnen wie es auf jeden Fall klappt

Wenn das Icon im Divi-Testimonial-Modul verschwindet – der Bugfix

18. Februar 2024 CSS-Stylesheet | Divi-Theme | Testimonial-Modul

Mit dem Testimonial-Modul des Divi-Themes lassen sich Zitate und KundInnen-Meinungen adrett darstellen. Allerdings gibt es einen kleinen - aber nicht unerheblichen - Bug: Rundet man die Ecken des Moduls ab, wird das Icon des Moduls ...

Aktuellste Beiträge auf Übersichtsseiten als «neu» kennzeichnen

24. März 2021 CSS-Stylesheet | functions.php | WordPress

Orientieren Sie die Besucherinnen und Besucher Ihrer Website auf einen Blick über neue Beiträge. Das lässt sich recht einfach einrichten: neben den Titel der einzelnen Post erscheint dann auf Ihrer Übersichtsseite eine Markierung - das kann ein ...

Mit dem hr-Element Akzente setzen

21. Dezember 2025 CSS-Stylesheet | HTML

Das hr-Element des HTML-Codes ergibt normalerweise eine Trennlinie, welche grau und auf der gesamten Anzeigebreite dargestellt wird. Doch dieser Horizontal Ruler hr lässt sich auch als Akzent einsetzen. Im heutigen Tipp ein paar Beispiele.

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

Font-Special 4: Schriftarten in die Website einbinden – so geht’s

Wenn das Icon im Divi-Testimonial-Modul verschwindet – der Bugfix

Aktuellste Beiträge auf Übersichtsseiten als «neu» kennzeichnen

Mit dem hr-Element Akzente setzen

Kategorien

Divi-Module

Dr.-Code-Specials

Neueste Beiträge

Geplante Beiträge

Child-Theme erstellen

Member-Bereich

Themenidee?

Werbung

Pin It on Pinterest