Hi, I’ve recently moved from v4 to v5, current version 5.1.1, most of my projects with dropdowns are now not show incorrectly!
The active-state-class is set and works fine on mobiles but on desktop devices no longer works, using the inspector it looks like the below is overwriting and causing the issue, any ideas?
nav .dropdown-menu .nav-link{
/* color: rgba(0,0,0,0.6)!important; /
} / Maintain Downdown Menu Link Color in Navigation /
[data-bs-theme=“dark”] nav .dropdown-menu .nav-link{color:var(–bs-dropdown-link-color)!important;} / Maintain Downdown Menu Link Color in Navigation in Darkmode */
For now I’m having to manually remove nav .dropdown-menu .nav-link{
/* color: rgba(0,0,0,0.6)!important; */ from the style.css
Video here: dropdown - YouTube
Project attached for anyone wanting to look at it.
dropdown.bloc (136.9 KB)