Archived topic
Suppress top menu (secondary) on mobile
2 replies · Started by JB on February 21, 2022
I have a GP top menu (secondary navigation) quick access that works great on browser. On mobile it shrinks to hamburger. When you click, it expands, and primary hamburger appears too. Click the primary hamburger, and you get both menus on top of each other. This is all GP though I have Divi builder running.
I would for now just to get running, suppress the top menu (secondary nav) in CSS and just show the primary hamburger menu. Or close the top menu when I click the primary hamburger. Can't find a way to do it.
If I hide the secondary top menu in CSS on mobile, it hides the primary menu too. They seem to be nested.
Found the problem - competing old CSS - don't remember what it was. Found it by trial and error.
/* xxxx .main-navigation {
margin: -190px 60px 0px 0px;
}
*/
So this at the top of the CSS did the job.
@media(max-width: 768px) {
#secondary-navigation {
display: none !important ;
}
}
Bye now...
Glad to hear you got it resolved.
