Streaming live at 10am (PST)

Make mobile dropdown navigation scrollable (and prevent site from scrolling)


#1

Hi all,

My website navigation contains a dropdown. On mobile the collapsed dropdown is too long to be fully visible on a phone like iPhone 6, so it needs to scroll.

How can I make the dropdown scrollable, and prevent the rest of the website behind it from scrolling?

Thanks a lot in advance!


Here is my public share link: LINK


#2

Hey @ferry,

Making your users scroll your drop down menu is not recommended for best user experience.

Instead, make the menu open up as a fullscreen overlay on the page and reduce the font size or make it 2 columns, similar to http://hugeinc.com (view on mobile device).

https://help.webflow.com/article/lightbox


#3

@ferry to help with the background (site) scrolling, check a page I put together that should hopefully help you fix:
http://gourmetsandbox.webflow.io/stop-background-scroll-for-modals


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.