Archived topic
Hamburger Menu Issues
3 replies · Started by Clay on November 18, 2021
Viewing posts 1–4 of 4
See link below and view it on Mobile.
The Hamburger Menu is off and I'm not quite sure how to fix it. I'm pretty sure I want it centered, but only when on Mobile/Tablet (not on Desktop). I also don't understand why it is aligned left with seemingly no background color taking effect. The blank bar underneath seems to be reserved for the main nav on Desktop.
Any assistance here would be great!
-Clay
Hi Clay,
Try this CSS:
@media (max-width: 768px) {
nav#site-navigation {
display: none;
}
nav#site-navigation.toggled {
display: block;
}
nav#mobile-menu-control-wrapper {
margin-right: auto;
}
button.menu-toggle .gp-icon.icon-menu-bars {
padding: 20px;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Got it, thanks!
No problem :)
This archived topic is closed to new replies.
