Mobile navigation being clipped, won't scroll down

Design help General
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.

mobile-nav-issue
mobile-nav-issue426×720 74.4 KB

Here is my site Read-Only: Webflow - Washco

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.

nav-menu-auto
nav-menu-auto621×895 117 KB

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

nav-menu-drop-down-auto
nav-menu-drop-down-auto612×918 129 KB

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.

6

Hi grantsenior,

I am having the same issue => did you find the trick to have it work? :slight_smile:
That would be of a huge help

Thaaaaaaaanks

7

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.

192.168.100.1 192.168.1.1
8

Hi Megane,

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…

Grant

2 Likes
9

That worked!
Thank you so much :pray::pray::pray:

10

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.