Lots of people can’t access the “current” state. Frustrating it can’t just be selected from the dropdown menu like the other states.
2 Likes
Yep this is a long-standing bug I’ve alerted Webflow support to a few times. Typically the main problem is access it in mobile navs.
Your best bet is to setup a temporary link element with the classes you want and direct it to point to the current page. Then style it however you like. I keep these on a style guide page so that they’re reusable when I need to adjust things later.
2 Likes
Ah ha, makes sense as I set the hamburger menu for desktop. That’s why looking at other posts didn’t seem to work for many others.
Thanks for letting me know it’s a bug, I was going crazy over it. So the answer is there is no solution, only hacks around it
1 Like
Correct, you’re not doing anything wrong and it used to work fine until an update about 3 years ago.
Webflow emailed me back! Here’s the solution:
The "Navbar" has a button to open/close the "Nav-menu" for all the breakpoints. At the moment, there is a bug where the 'current' state doesn't activate when viewing the opened Nav-menu.
In order to activate the 'current' state, you'll first need to be on the same page as one of the nav-links. Next, you'll want to either leave the Nav-menu closed and select the Nav-link via the navigator to activate the state. Or you can temporarily hide the menu icon for the desktop breakpoint to view your changes on the Nav-link.
It worked for me!
2 Likes
Thanks! Worked for me too :)
This bug still seems to be present FYI (over a year later).
Hopefully Webflow will fix this soon, was trying to figure out what I was doing wrong for ages…
2 Likes
In case other’s come here looking for solutions, I also had an issue where my styles were be overridden by a “Current” class bug. The problem would disappear and then jump around to other elements with the same class. These were elements that existed in a Component.
Even when the Current class was selected, I could not change the visual style — it would actually be displaying the specs/parameters that I wanted (font-size: 13px), yet neither the Designer, nor the site in the browser would reflect that (instead showing 1em).
The only working solution I was able to find was to create a font-size variable and apply that to the “Current” class.