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.

Radio-Buttons und Checkboxes in Divi-Formularen inline ausrichten

20. März 2024 CSS-Stylesheet | Divi-Theme | Kontaktformular-Modul

Im Kontaktformular-Modul des Divi-Themes lassen sich auch Radio-Buttons und Checkboxes anlegen. Bloss stellt Divi dann diese Felder immer untereinander als Block dar. Mit ein wenig CSS-Code lassen sich die Felder aber auf einer Zeile - eben: ...

Zeit für Neues: Bye-Bye Classic-Divi-Builder

25. Februar 2021 Divi-Theme

Der Divi-Builder - mit welchem Sie im Backend Ihre Inhalte gestalten - ist in zwei Versionen verfügbar: Neben der modernen Variante wird nach wie vor der Classic-Divi-Builder angeboten, der bis Sommer 2019 der Standard-Builder war. Da und dort ...

Die Krux mit den verunstalteten Telefon-Links

8. Mai 2022 CSS-Stylesheet | HTML

Kennen Sie das? Da nennen Sie auf Ihrer Website eine harmlose Telefonnummer - und schwups, wird diese in zahlreichen Browsern übel verunstaltet. Einige Browser - ganz besonders solche von Mobilgeräten - erkennen nämlich Telefonnummern auf ...

Call-To-Action-Special #2: Augenfälligen Handlungsaufruf gestalten

24. Juni 2025 CSS-Stylesheet | Divi-Theme | Handlungsaufruf-Modul | Text-Modul

In unserer kleinen «Call-To-Action»-Reihe haben wir eine weitere Gestaltungsidee: Den diagonal abgeschrägten Button, der beim Hovern gerade Kanten erhält. Ist ganz einfach zu machen.

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

Radio-Buttons und Checkboxes in Divi-Formularen inline ausrichten

Zeit für Neues: Bye-Bye Classic-Divi-Builder

Die Krux mit den verunstalteten Telefon-Links

Call-To-Action-Special #2: Augenfälligen Handlungsaufruf gestalten

Kategorien

Divi-Module

Dr.-Code-Specials

Neueste Beiträge

Geplante Beiträge

Child-Theme erstellen

Member-Bereich

Themenidee?

Werbung

Pin It on Pinterest