Hew theme: hover makes nav menu links invisible

judic · Member · May 9, 2015 at 11:56 pm
Copy link

Add topic to favorites
Helping with site at:
https://ccsmfa.wordpress.com/

Using Hew theme, hovering over navigation links (yellow bar across the top) makes them invisible. We tried different Customization colors, also
added custom CSS for anchors, but no change.

Suggestions, ideas?
micawbr · Member · May 10, 2015 at 1:23 am
Copy link
When I used the Inspect Element feature in Firefox, it showed this code for the upper navigation hover state:
```
navigation ul :hover > a {
    color: #FED138;
}
```
You mentioned using custom CSS so I suggest trying this to override the nav hover color (white in this example):
```
navigation ul :hover > a {
    color: #FFFFFF;
}
```
If that works, then you can change the #FFFFFF part to another color code to suit your needs.
ccsgradstudies · Member · May 10, 2015 at 1:52 am
Copy link
Thanks micawbr, right. I tried it in the custom CSS as you suggested but it didn’t make a difference.
ccsgradstudies · Member · May 10, 2015 at 2:00 am
Copy link
Correction: got it! Didn’t have all of the css code earlier.
kathrynwp · Staff · May 11, 2015 at 5:03 pm
Copy link
Hi judic/ppangaro – the rollover colours for the menu should be dark grey, but it looks like there’s a glitch that turns that yellow if you select a custom colour for the Main Accent, as you’ve done here. I’ll report that to our theme developers so we can get it fixed up, and we’ll keep you posted here.
alex27pl · Staff · Jun 10, 2015 at 2:36 pm
Copy link
Hi there!

Just wanted to let you know it’s all fixed now.

No items found.