2 replies · opened Nov 2, 2016
Hi there,
I can't seem to get the current class for my menu to function with the dark class in the header. I noticed that in all of the demo pages, the current class only seems to work with a light header. Is there something I'm missing?
Hello,
The Color Changes of the .current Class for the Primary Menu is currently enabled in the Light Scheme for a Better User Experience. However, you can definitely change this, so simply find the following code in the css/dark.css File:
.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; }and replace it with:
.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: #1ABC9C; }This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.
Thanks!
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