Canvas Support

Trouble with Custom menu colours - hover, active, current

1 reply · opened May 3, 2017

Ccrayon1May 3, 2017

Some help would be much appreciated with customization of nav / menu colours, to have them the same under all circumstances ( sticky, mobile etc)

I’m using the following code which seems to make it difficult to customise menu colours

<header id="header" class="transparent-header full-header dark " data-sticky-class="not-dark" data-responsive-class="not-dark" >

<nav id="primary-menu" class="style-4 not-dark">

I don't want to change all the colours in the colors.css file, I'm only working on the menu.

thanks!

SSemicolon WebSTAFFMay 8, 2017

Hello,

Simply use the following CSS Code: 

#primary-menu ul li:hover > a,
#primary-menu ul li.current > a,
#primary-menu div ul li:hover > a,
#primary-menu div ul li.current > a { color: #HEX !important; }

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
Trouble with Custom menu colours - hover, active, current · Canvas Template Support