HomeBlog

Divi 4

Mobiles Menü auf die volle Breite und Höhe einstellen (Divi 4)

Hiacynta Hess
10. März 2026

HomeBlog

Mobiles Menü auf die volle Breite und Höhe einstellen (Divi 4)

Hiacynta Hess
10. März 2026

Nutze den nachfolgenden CSS Code, um das mobile Menü auf die volle Breite und Höhe einzustellen. Den Code fügst du im Dashboard im Reiter Design -> Customizer -> Zusätzliche CSS ein.

/* Mobiles Menü-Elemente zentrieren */

.et_mobile_menu li {
text-align:center !important;
}

.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}

/* Mobiles Menü auf volle Breite setzen */

.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/* Mobiles Menü auf volle Höhe setzen */

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

html {
height: -webkit-fill-available;
}

/* Animation entfernen um Verzögerung zu vermeiden */

.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/* X-Symbol im ausgeklappten mobilen Menü */

.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}

/* Obere Linie im mobilen Menü entfernen*/

.et_mobile_menu {
border-top:0;
}

Hat dir dieser Artikel geholfen?

Mit deiner Bewertung hilfst du mir, die Inhalte noch weiter zu verbessern.
[wp_ulike]

Das Bild zeigt Hiacynta Hess

Hiacynta Hess ist die Autorin des Artikels und führt seit 2004 ein Online Business. Mittlerweile unterstützt sie Online-Unternehmer bei ihrer WordPress-Website und weiterführenden Online-Marketing Maßnahmen.

Ihre Expertise und Erfahrungen zu diesen Themenbereichen teilt sie auf ihrem Blog und ihrem YouTube Kanal. Für vertiefende Einblicke und regelmäßige Updates folge Hiacynta auf Instagram.

Transparenzhinweis:
Die mit einem * gekennzeichneten Links sind Affiliate Links. Diese diesen zur Orientierung und zum einfachen Finden der Produkte. Solltest du über den Link etwas bestellen, erhalte ich eine kleine Provision. Für dich entstehen keine Mehrkosten. Generell empfehle ich nur Produkte, die ich selbst getestet habe und die ich auch gut finde. Danke für deine Unterstützung.

Diese Artikel werden dich auch interessieren

Exklusive Tipps rund um deine Website und dein Online Marketing!

Mache es wie die anderen Online-Unternehmer und abonniere meinen Newsletter, um dir wöchentlich exklusive Strategien und wertvolle Erkenntnisse rund um deine Website und vielfältige Online-Marketing-Taktiken direkt in dein Postfach zu holen! Kostenlos & jederzeit abbestellbar.

Weitere Informationen findest du in meinen Datenschutzhinweisen