Archived topic
How do I color menu icon, and menu item, colors in the customizer?
3 replies · Started by Bruce on February 7, 2019
Hi!
I installed the Head On demo, and then poked around tweaking the color scheme. I somehow managed to change the hamburger color from gold to white, in the customizer. But now, I can't for the life of me figure out how :)
Where in the Colors add-on Customizer section do I control:
1. Mobile menu icon color, hover color, background color?
2. Sticky navigation hover color when not scrolled, hover color when scrolled/shrunk? Currently they're different and I can't see why.
I know I can use CSS, but it gets way too messy to have some color control here and some there.
Thanks!
Hi there,
The mobile menu toggle color should inherit the setting from Colors > Primary Navigation > Text
As for sticky navigation, I believe this is what you are looking for:
https://docs.generatepress.com/article/header-element-overview/#site-header
Let me know :)
Thank you for the info!
For #1 I think you might mean that the color of the menu hamburger icon cannot be set differently than the menu item text color, in the Customizer? I assume though we could override that with CSS?
For #2, it seems that the way it works is, if I have a header element, it can override the customizer colors. And that in GP header element there is a checkbox that lets me deselect color overrides, this seemed to work, thanks.
I look forward to a future when WP has some sort of little indicator or flag on any customizer element that is being overriden (and tells me where) this seems to be getting more complicated as more themes start condensing settings into the customizer, yet still have per-page settings too.
Thank you again!
Definitely possible with CSS.
Looks like you've switched themes though.
Let me know if you decide to switch back :)
