Mobile Navigation drop down menus cutting off

Hi there,

I am having an issue with my mobile menu, i have a few large dropdown menus which are being cut off and arent scrollable. This makes the bulk of the links inaccessible.

It seems to cut off right at the edge of screen height.

Has anyone come across this or aware of a solution?


Here is my site Read-Only: https://preview.webflow.com/preview/huapaischoolnew?preview=f5a7ae7c23761ce212ae0ce048e97969
(how to share your site Read-Only link)

Hi @pdccreative, right now the navmenu div is not scrollable by default, however here is a tutorial that may help: [TUTORIAL] Make mobile menu SCROLLABLE

I hope this helps

​Hi Dave, thanks for getting back to me , I did refer to this post initially but this issue differs slightly as it applys to the dropdown links not the top level navigation. I did play around with this method with the dropdowns but the main nav menu wrap still cut off the dropdown list.

Because its a comprehensive site with alot of links that really need to be visible, reducing the amount isnt ideal.

Read only: https://preview.webflow.com/preview/huapaischoolnew?preview=f5a7ae7c23761ce212ae0ce048e97969

Hi @pdccreative, I see thanks for clarifying. A custom structure/interaction may be needed, I am taking a further look at alternative structure/styling to achieve this, thanks for the info.

I will post back as soon as I have some additional feedback.

1 Like

Hey Cyberdave, did you ever look further into this? I’m experiencing the same issue on mobile. Surely there must be a way to fix mobile menus making them visible/scrollable on mobile?

Hi, anyone found a solution for this?

Overflow auto on the section solved it for me