[Resolved] Customizing color of mobile menu toggle button

[Irmgard]

Hello, where can I change the color of the mobile menu toggle button in the customizer, cannot find it there. Or do I need to use css for that? Thanks for your help. Kind regards,

[Elvin]

Hi there,

Are you pertaining to the hamburger icon for mobile?

If so, it shares the color of the navigation text which can be set on Appearance > Customize > Colors > Primary Navigation > Navigation Text.

If you want to set a different color to the icon, you can do it with CSS.

Try this one:

.main-navigation .menu-toggle {
    color: green;
}

replace green with the color of your preference. 😀

[Irmgard]

Hello Elvin,

Thanks, the css was what I am was looking for. I also added the hover color as well by css, which I found here in the forum.
Now it’s perfect.

Great support as always.

Kind regards,

[Elvin]

Nice one. No problem. Glad we could help. 😀

[Author]

Posts