if your really want to to do this you can add a HTML snippet(with jquery) and add this:
$('li.mx-navbar-item').addClass('active');
Best thing to do in this case is to reference the parent class which could be a table ( I suggest you make this unique) before referencing the class of the navigation and the navigation items.
Drilling through classes gives you more precision and control
I tried this, but can't seem to get it to work:
$('.mx-navbar').on('click', 'li', function(){
$('.mx-navbar .nav li').removeClass('active');
$(this).addClass('active');
});
Any other suggestions?
You can also use classes: give classes to the menu items and classes to the pages, that make make sure that menu items get 'active' on the right page.
for instance, give the Accounts page the class 'page-accounts' and the menu item the class 'menu-accounts', and add in your theme:
.page-accounts {
.menu-accounts {
*your css to make it appear active*
}
}