On the mobile nav, for the longer sub navigation drop-down items that appear below the device screen (select Commercial ), the screen browser is cropping the content = the nav has no scrolling ability. I can’t see what’s causing this problem, everything has height auto and minimum height, so I would expect the menu wrapper to lengthen accordingly, but it’s not.
Hi there, Thanks for your attention to this!
I tried what you suggested but it still isn’t working in a live setting (it does appear to work in Webflow itself though!?) The screen is still cropping the mobile menu that appears below the screen.
The first image below shows the updated settings on the main nav wrapping div.
Yeah, this is a known issue with dropdowns. I’ve always made my menus manually with interactions and divs for this purpose but it is a lot of work. Try searching the forums to see if you can find any solutions. I’m sorry I can’t be of more help.
Is the navbar fixed on your site for mobile? Changing the navbar from fixed to absolute or relative will fix things. If the navbar is fixed and the dropdown menu items fall bellow the navbar which is fixed to the top of the screen…
If you have sticky navar, select wrapper of the all elements in the main dropdown menu, by default the are named “Navigation Items” and set attributes for something similar to
“Overflow”: auto, “Min H”: 3.5REM and “Max H”: 90SVH
It worked for me.
Damn. Was debugging my complex menu for hours. Was desperate and even wanted to rebuild the entire thing to avoid using native webflow’s navbar. BUT. This helped. Tried everything before. Everything. Every forum suggestion or chatgpt insturction. Thank you man
