This wasn’t always a problem but just started recently.
It seems that when I’m on the active page that the menu item for that page changes color to the background. As best I can tell, the color of the anchor defined in the Theme Options is overriding the color of the item as defined in the Header builder.
I’ve tried adding some CSS to fix this based on some other forums posts 
but nothing seems to work. I’d love some guidance please.
Hi @MarkGardnerLVP,
Thank you for writing in, first please check the Navigation Inline Top Links > Interaction color settings, make sure its not the same color as the Bar’s background-color.
if you can confirm that that is not the case, please check all your custom CSS (Theme Options, Header CSS, and Element CSS) here and resolve the syntax errors (if any).
Let us know how it goes,
Cheers!
The Top Links > Interaction color is correct, but that’s not where the error is. The interaction works fine. It’s the active page that has the same color text as the background. I’ve checked the browser’s console and the only place I can see that color coming from is from the color of the anchor as defined in Theme Options > Typography > Site Links.
I also double checked my custom CSS as requested. There’s no custom CSS on the header or the element and all Theme CSS checks out according to Lint. Also none of that custom CSS uses the color of the header background in the first place.
Still not sure why this became a problem. This never happened before and the sites been running a long time.
Hi @MarkGardnerLVP,
In that case, please enable the Active Links Particle of your Navigation Inline, that is the tan colored animation that makes your active/interactive links visible.
Hope it helps,
Cheers!
While it’s not the exact look I’m wanting I can at least see the active links so it will work.
It’s basically making the interactive state of the menu item on by default. I want the header to look the same no matter what page it’s on. As I said it will work for now but I’d love to know why the anchor definition in the theme options overrides the header.
I’m convinced I’m doing something wrong I just can’t find it.
Hi @MarkGardnerLVP,
On that same Active Links group of option. You can turn Off the Current Link and Ancestor Link that way the Interaction color wont apply to the active link.
Thanks,
That’s the ticket! I knew there was something I was missing. Thank you for your patience and help
You’re most welcome!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.