I’ve had this issue as well and have finally resolved it. Not sure if it will work for others as I’m actually pretty sure I did the same thing yesterday without success!
My navbar is a component and the same on all pages. I’m using client first naming. These are the steps I followed to resolve the issue:
- Select a page and unlinked the navbar component on that page.
- Select a navlink and set the link to the current page. (If it was the current page, I selected another page and then back to the current page)
- I then had the “Current” style showing so made the changes I wanted.
- Repeated for dropdown links.
I’ll keep that navbar unlinked and make all style changes there in the future.
Hope that helps someone.