[Resolved] Nav colours not as set in customiser

[Ian]

Hi, I’v added the initial, hover and current colours to the nav via the customiser but the colours are not showing correctly. The initial colour is meant to be, #2bbdbc, hover and current, #15dfa0

Not sure what is stopping the colours I’ve selected from showing in the top nav. Is it because it is a one page website so all links are showing current?

[Elvin]

Hi Ian,

On Appearance > Customize > General, is the site using External CSS w/ Caching?

If yes, can you try regenerating the cache and check again?

You can also try Internal Embedding and see if it works to check and confirm if the External CSS is the issue.

[Ian]

I managed to get all the colours working except the hover colour.

[Ying]

Hi Ian,

As all the menu items are actually HTML anchors on the same page, so all of them are using the current color and the current color will override the hover color.

In your case, custom CSS is needed:

.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a {
    color: red;
}

[Ian]

Thank you Ying 🙂

[Ying]

No problem 🙂

[Author]

Posts