Keep Parent Menu Item Highlighted When on Sub-Menu Page

Sparkling
1

Hi All,

I’ve looked everywhere and can’t seem to figure this out. I want to keep the parent menu item highlighted while on a sub-menu page, so that users can see that they’re in that part of the site. No matter what I try, when I click on a sub-menu page, the parent menu item in the main nav bar turns red. Any help would be greatly appreciated! Thanks!

2

Hi @disco,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

body .navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle {
    color: #DA4453;
    background-color: #fff;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin