[Resolved] Change background color of hamburger menu

[Antonio]

Hello,

I would like to change hamburger menu icon background color to white.
I tried several times customizing in Colors -> Main Nav -> mobile view, changing to #ffffff color, but changes didn’t work.
What am I doing wrong?

Thank you

[Leo]

Hi there,

Try this CSS:

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: transparent;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Antonio]

Thank you very much! It worked!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts