Lesefortschritt:

Menu-Special #6: Mobilmenü auf gesamter Seitenhöhe anzeigen

26. Juli 2024 | CSS-Stylesheet, Divi-Theme

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

Das Mobilmenü des Divi-Themes können Sie auf die ganze Anzeigehöhe erstrecken. Das kann der Übersicht dienen. Wir zeigen Ihnen wie das geht.

Für ein Mobilmenü, welches auf der Divi-Website auf der gesamten Anzeigehöhe dargestellt wird, benötigen Sie den folgenden CSS-Block. Fügen Sie ihn unter Design/Customizer/Zusätzliches CSS in das Stylesheet Ihrer Website ein:

.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}
html {
height: -webkit-fill-available;
}
.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

Das ist schon alles.

Der Hack lässt sich übrigens vorzüglich ergänzen mit dem Trick, welcher für das Mobilmenu auch die ganze Anzeigebreite nutzt. Lesen Sie dazu den Beitrag «Mobiles Menü im Divi-Theme über gesamte Breite laufen lassen».

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.