Archived topic
Disable the hamburger on mobile
3 replies · Started by Ema on October 22, 2021
Viewing posts 1–4 of 4
Hello GP Team!
I need to disable the hamburger menu (all navigation menus) on the mobile version of the site atm (until the site grows). Tried a few solutions so far e.g
1. Go to Customizing > Layout > Header, uncheck Use Navigation as Header box, turn off Mobile header.
2. Go to Customizing > Layout > Primary Navigation, choose No Navigation for Navigation Location.
But I need to use the mobile header too, so I can use a different logo style for mobile (stacked and centred - have made custom .svg)
Very Best
Ems
Hi there,
simplest solution is to hide the menu toggle and the menu on mobile with CSS:
@media (max-width: 768px) {
#mobile-header.toggled .main-nav > ul, #mobile-header .menu-toggle {
display: none !important;
}
}Hi David. Thank you so much! Totally perfect.
Glad to be of help!
This archived topic is closed to new replies.
