[Resolved] Hamburger Menu Issues

[Clay]

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

[Ying]

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 🙂

[Clay]

Got it, thanks!

[Ying]

No problem 🙂

[Author]

Posts