Archived topic
Cant hide menu on mobile
3 replies · Started by will on June 22, 2021
Hi
I know this has been covered many times because Ive read threads devoted to it -- but I still cant seem to make the menu disappear from the mobile version of a site.
The site is at http://mstevenneal.com
Using tips from various threads, Ive added the following to the Additonal CSS window:
@media (max-width: 768px) {
.top-bar {
display: none;
}
}
#mobile-header {
display: none !important;
}but the menu still seems to display on my phone even though theres no items added to it, as I dont want a menu showing anywhere.
Any idea whats amiss? Help much appreciated!
Hi Will,
Are you trying to hide primary navigation on both desktop and mobile? Since there's no menu on the desktop as well.
If so, go to customizer > layout > primary navigation, choose No navigation as navigation location.
Or try this CSS to hide navigation on mobile:
@media (max-width: 768px) {
nav#site-navigation {
display: none;
}
}That code worked. Thank you!
No problem :)
