By default, the menu module only shows an hamburger icon on mobile. To also show a fullwidth dropdown menu like the customizer menu, add this to advanced custom css of the menu module. It also makes the entire block clickable.
/* -- START menu module show full width dropdown on mobile -- */
@media all and (max-width: 1024px) {
selector .et_pb_menu__wrap{
justify-content: flex-end;
background: #F3F2F0;
border-radius: 5px;
}
selector .et_mobile_nav_menu {
width: 100%;
}
selector .mobile_nav:before {
content: 'Kies een pagina...';
position: absolute;
}
selector .mobile_nav {
width: 100% !important;
display: block;
}
selector .mobile_menu_bar:before{
left: 90% !important;
}
}
/* -- END menu module show full width dropdown on mobile -- */
Code language: CSS (css)