I would like to remove the background highlight for the navigation menu item when on the active page. In the attached example, I am currently on the calendar page, and Event Calendar is highlighted even though my mouse is over the Video link. I would like for the orange background to be removed from the Event Calendar and correspondingly to all other pages when I am on the active page.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .current-menu-item > a, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a {
background: transparent !important;
}
I would like to remove the background highlight for the navigation menu item when on the active page. In the attached example, I am currently on the calendar page, and Event Calendar is highlighted even though my mouse is over the Video link. I would like for the orange background to be removed from the Event Calendar and correspondingly to all other pages when I am on the active page.
Screenshot
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .current-menu-item > a, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a { background: transparent !important; }Thanks
ThemeNectar Support Team
That did the trick, thank you