Issues with Relume Navbar1 Current State Styling in Webflow on Tablet and Mobile Views

Cesar · 2026-03-26T18:26:28.093Z

Greetings Relume community, I have an issue that I think is caused by a combination of Relume/Webflow. I’m using the Relume Navbar1 component in Webflow. The Current state styling on a navbar_link item the Navbar1 component is set to Block, while other links remain set to Inline-Block (the attached screenshot is viewing the Home page). This is causing the Current state item to behave, well, like a block element. I thought the simple solution would be to change Current state elements to inline-block. However, this makes the item behave as an inline-block element in tablet and mobile menus as it should. The problem is, however, the Current state option doesn’t appear in the Webflow editor when viewing the home page in Tablet or smaller view. So, I can’t effectively change the state to Block. Any ideas? This may be a Webflow issue.

5 comments

· Sorted by Oldest

Cesar
·
·
I think I may have found a workaround, but I still think there must be some kind of conflict between Relume styles and Webflow’s built-in styling behavior. I imagine it’s not first time this issue has come up.
Matt J.
·
·
Cesar yeah I'm not seeing anything as I poke around my other projects, or through your screenshots that suggests that there's any conflict with any Relume styles because if we were applying any styles to change the current state item to display block it would either be a blue or an orange label, and its neither. I'm not seeing anything in our styles override code embed either. So I would say this is 100% a Webflow issue. The youtube link you provided above doesn't seem related to this. Aside from all that, my guess is that you could easily force the items to be whatever you want with some simple custom CSS. If you provide your webflow sandbox link, I can provide the exact CSS, but the gist is this:
.navbar1_link { display: inline-block !important; }
Also not being able to access the "current" in tablet/mobile is definitely a new bug - that was 100% possible to do before - and honestly a pretty important bug - I would make sure to bring this up to Webflow support. One workaround I was able to do just now is go to desktop and get the green "current" label, then switch to tablet and make my style changes. But I was making my changes blindly since the item was inside the mobile dropdown menu - so not ideal at all, but in some cases might be worth using at least until Webflow fixes the bug.
🙏
Cesar
·
·
Thanks! Matt J.
Matt J.
·
·
Cesar ah I just ran into this issue in another project that definitely did not have this problem - so its 100% something that Webflow changed with their "default styles". Similar to how they changed the default unit for their line heights or font sizes (can't remember which one). 🤦‍♂️
Cesar
·
·
Gotit, thanks for the confirmation Matt J.