Site logo

Archived topic

Customizing color of mobile menu toggle button

3 replies · Started by Irmgard on September 22, 2021

Viewing posts 1–4 of 4

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,

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. :D

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,

Nice one. No problem. Glad we could help. :D

This archived topic is closed to new replies.