turn off menu highlighting

Hi - Loving the Dazzling theme. I have what is probably a pretty basic question, but I can’t seem to figure it out. I want to turn off the highlighting for the active page in the top navigation menu. Can yo point me in the right direction?


There is no on/off switch for that but you can easily get rid of it using using a simple CSS.

Add this code to Theme Options - Other - Custom CSS

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: inherit;
    background: inherit;

This will also remove menu highlighting on hover. If you want to keep that, you will have to leave remove all CSS classes that has :hover from this list such as .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover

Aigers… I tried this a few times on my site, but I can’t get it to work.
Am I missing something?


Hi @jordanjbarta,

This is old thread and to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/dazzling/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.