Hew theme: hover makes nav menu links invisible

  • Author
    Posts
  • #2379092

    judic
    Member

    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?

    #2379220

    micawbr
    Member

    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.

    #2379222

    ppangaro
    Member

    Thanks micawbr, right. I tried it in the custom CSS as you suggested but it didn’t make a difference.

    #2379223

    ppangaro
    Member

    Correction: got it! Didn’t have all of the css code earlier.

    #2379285

    kathrynwp
    Staff

    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.

    #2379367

    alex27pl
    Staff

    Hi there!

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

The topic ‘Hew theme: hover makes nav menu links invisible’ is closed to new replies.