Custom menu colours – active

3 replies · opened Mar 10, 2020

DDcRodMar 10, 2020

Hi,

I use Primary-menu.style-6 customised on hover (it's work perfectly),
but I did'nt find how to fix an active link (with color) in the current primary menu.
Also some pages in .dark version other in .not-dark.

Could you tel me where I must chage code, and if is it possible?

Thank you for your help.
Rodolphe

SSemicolon WebSTAFFMar 11, 2020

Hello,

Please consider using the following CSS Code:


.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current > a { color: #EEE; }

This will definitely work fine. Hope this Helps!

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

DDcRodMar 27, 2020

Hi,
That's I had made. But no result on active link. Only on Hover.
Regards

SSemicolon WebSTAFFMar 28, 2020

Hello,

For the Active Menu Page, you will need to add the .current Class manually in the Codes to make the Active Colors appear on the Menu Link.

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