Hello, I have behavior issues with my navbar on mobile.
I have tabs in my nav dropdown menu. It works well on desktop, changes on hover (with custom code), cool.
However, on mobile, when I open my nav, open my dropdown and switch the tabs, THE NAV CLOSES.
This behavior is only noted on live site and not in designer preview.
The tabs give access to the product list so it’s very important to be easily accessible…
Some has a solution/hack?
I tried to play with the class w–open without success…
Thank you in advance
For navbar dropdown menu issues on mobile devices, here are some common solutions you can try:
The navbar dropdown behavior can be controlled through interactions and custom code. First, ensure your navbar interactions are properly set up - check that your dropdown trigger is set to “Click” rather than “Hover” for mobile compatibility. You can also add a custom class to your navbar and use CSS to prevent automatic closing of dropdowns on mobile devices.
For a more robust solution, you can create custom interactions using Webflow’s interaction panel. Set up a click trigger on your menu button that toggles the dropdown visibility, and ensure the dropdown remains visible until the user explicitly closes it.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
