Hiacynta Hess
Webdesignerin
Aktualisiert am:
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; }
Schlussbemerkung: Sollte dieses Snippet bei dir nicht funktionieren, oder sollte die Anleitung veraltet sein, kontaktiere mich bitte.