Vantage – How do you make the active page highlight its name on the nav bar?
I would like the page selected to be reflected by a change of colour on the black navigation bar. How do I do that? TIA!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
4Hi
Thanks for running Vantage.
Using Vantage Premium its a feature of Appearance > Customize > Menu > Current Background Color.
Using Vantage Free you can insert the following into a Custom CSS module like Jetpack Custom CSS and edit as required:
/* Vantage Current Menu Item Colors */ .main-navigation ul li.current-menu-item > a { background-color: #dd3333 } .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^=”icon-“] { color: #dd3333 }Thanks for the code and the suggestion! I will try it today.
Sorry, no joy. DL JetPack and edited the Custom CSS with this code snippet but no impact on behaviour. I’m not a developer so if there was additional code needed, I wouldn’t know what to add. Again, thanks.
Please head to Appearance > Edit CSS and remove the snippet we just added. Then try this one rather, replacing my colors with yours again:
/* Vantage Current Menu Item Colors */ .main-navigation ul li.current-menu-item > a { background-color: #dd3333 } .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^=”icon-“] { color: #dd3333 }Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.