Option 1
The menu from the menu module collapses into an hamburger menu on mobile.
To prevent that, add a custom class hws-menu to the menu module and the following css to prevent that.
/** START do not collapse menu module **/
.hws-menu .et_pb_menu__menu {
display: block !important;
}
.hws-menu .et_mobile_nav_menu {
display: none !important;
}
/** START do not collapse menu module **/
Code language: CSS (css)
Option 2
The menu from the menu module collapses into an hamburger menu on mobile.
To prevent that, add a custom class hws-menu to the menu module and the following css to show a vertical list instead.
.hws-menu .et_pb_menu__menu {
display: block !important;
}
.hws-menu .et_mobile_nav_menu {
display: none !important;
}
@media only screen and (max-width: 980px){
.hws-menu .et-menu {
display: block !important;
text-align:center !important;
}
.hws-menu .et-menu li{
display: block !important;
}
}Code language: CSS (css)