Hi,
to keep the entire Top Header Menu on the mobile devices, please insert the following custom CSS into “Theme Options > Other Settings > Custom CSS”:
@media screen and (max-width: 1100px) {
.js #header #top-navigation .selectnav {display: none !important;}
.js #header #top-navigation #top-nav {display: block !important; margin-left: 5%;}
}
Best regards,
Tomas Toman
Thanks Thomas for your quick answer, it works perfectly but now the Fixed menu is on the main menu (on the mobile version), how can I hide the fixed menu (no need to show it on the mobile version)?
Tks again
Please use this custom CSS in order to hide the Fixed menu on the mobile devices:
@media screen and (max-width: 1100px) {
.js #header #fixed-navigation-wrapper {display: none !important;}
html #wrapper .header-content {padding-top: 35px;}
}
If you then would like to create an additional menu only for the mobile devices, you can use the Responsive Menu plugin.
Best regards,
Tomas Toman