The navigation widget could really benefit from an additional class, like “active”, being applied to the “active” navigation element. Currently, “current” is added to the navigation tree from top to bottom, but targeting only the active element is impossible without employing a script. Simple background changes to the active element, for example, will change the background to all current items. An active class would allow users to target just the active menu item instead of the whole hierarchy from top to bottom of the current path.
Incidentally, for those who encounter this scenario and need the Active item with a separate class from the Current path, refer to this line of script:
$('.perc-navbar.[root class] .current').last().addClass('active');
Just add a root class to your nav widget through the Style tab and then replace [root class] with that. You can add this to a Document Ready call anywhere in the page or one of the Additional Code Boxes:
$(document).ready(function() { <br />
$('.perc-navbar.[root class] .current').last().addClass('active'); <br />
}); <br /> </script>```
or a script block in the "Before Body Close" box.
```<script type="text/javascript"> <br />
$('.perc-navbar.[root class] .current').last().addClass('active'); <br /> </script>```