Superfish - Active Tab Color - SOLVED
I have the 'basic style' version of the excellent superfish menu integrated as the main nav in my app.
I'm not sure how to highlight the active tab. I, perhaps incorrectly, assumed this functionality was the default.
The relevant css looks to be:
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #FFFFFF;
outline: 0;
Yet, only focus/hover is giving the desired color.
Do I have to dynamically write a 'current' selector to the li whose URL has been clicked?
Or am I experiencing a bug - or neglecting to config superfish correctly to get the active tab to stay highlighted?
Due to amount of content in each page I don't want to use a jquery tab nav that loads content in, but would rather stick with superfish and call each page to load after the menu link has been selected.
I have a very tight deadline to fix this or find a nav alternative, so any help is greatly appreciated!
Thanks