Archived topic
How do I remove hamburger menu from one page?
5 replies · Started by Michelle on July 28, 2022
I would like to remove the hamburger menu from only one page (it is currently triggering Off Campus menu). I've used the following code successfully to hide certain nav items, but don't know how to reference the Off Campus hamburger menu by page id:
.page-id-[add id here] .main-navigation li:not(.[css class name for excluded nav item here]) {
display: none;
Hi there,
Try this:
body.page-id-xxx .main-navigation .menu-bar-items .slideout-toggle,
body.page-id-xxx #mobile-header .menu-toggle {
display: none;
}
Sorry, but I still see it on sticky mobile. I cleared my cache.
That was fantastic! Thank you.
Suggestion to Tom: offer paid subscriptions or classes on Generatepress for people like me who read the documentation and forums, but still could benefit from lessons... :)
No problem :)