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;
}