Try my Active Menu Selector widget. Direct download link below – drop this in your /widgets directory and press F4 in Studio Pro to refresh it.
https://github.com/tieniber/ActiveMenuSelector/blob/master/dist/ActiveMenuSelector.mpk?raw=true
See the readme for details on how to implement (it should be super easy).
you can use below css to make selected item highlighted
.mx-navbar ul.nav > li.mx-navbar-item.active{
/* border-bottom: 5px solid red; */
border-bottom: 5px solid white;
}
.region-topbar .mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
color: red;
background-color: #fff;
}
Hi Anna
You could try writing custom css/sass for your requirement and use the :selected property on the navigation item.
More information on customizing your style of your application here: Implement Styles - Studio Pro 9 How-to's | Mendix Documentation and Customize Styling - Studio Pro 9 How-to's | Mendix Documentation
Hope this helps.
Kind regards,
Leander