Streaming live at 10am (PST)

Mobile navigation being clipped, won't scroll down

#1

Hi,

Can anybody see what’s going wrong here with the mobile navigation? http://washco.webflow.io/

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.

Here is my site Read-Only: https://preview.webflow.com/preview/washco?utm_source=washco&preview=42e447a29e6a332a31a5893c2444c131

Appreciate any attention on this.
Cheers
Grant


#2

Select the nav menu and change the overflow to auto instead of visible. This will create scrollbars automatically.

#3

Thanks for your reply. it was helpful for me

#4

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.

Have also applied the Overflow:Auto setting to the drop-down element (after testing the above to see if it worked, but didn’t).

#5

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.