Drop Down Navigation Content is Not Scrolling

Design help General
1

Hello All,

Can anyone tell me why my site’s mobile menu is not letting me scroll the content within it. It is cut off where the fold is.

I put Finsweet attributes to stop the background scroll, no help.

I set the content inside to auto and set the vh to 100.

Sad to say, I have been working on this for hours and cannot figure out the solution.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi there,

For mobile menu scrolling issues, here are some common solutions you can try:

The Finsweet attributes can help control menu behavior, but there are also native Webflow solutions available. First, check your overflow settings in the menu container. Set the overflow to “Auto” or “Scroll” to enable scrolling. Also ensure your menu height is properly configured - you can set a maximum height with vh units (viewport height) to control the scrollable area.

If you’re using Finsweet attributes, verify that no conflicting attributes are preventing the default scroll behavior. You may need to adjust or remove certain attributes to restore proper scrolling functionality.

For a native Webflow solution, you can also create a scrollable menu by:

  1. Setting a fixed height on your menu container
  2. Adding overflow settings
  3. Ensuring all menu items are properly contained within the scrollable area

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

@Mark_Donaker

1. Set Up Menu Container Properly

Make sure the actual menu wrapper (the container that holds your menu links) has:

  • height: 100vh
  • overflow-y: auto
  • position: fixed or absolute (depends on your design, but usually fixed)

2. Apply fs-scrollstop ONLY to the Menu Wrapper

  • Only add the Finsweet attribute fs-scrollstop to the menu wrapper, NOT the body or nav itself.
<div fs-scrollstop="enable" class="mobile-menu-wrapper">
  <!-- menu content here -->
</div>

This tells Finsweet to allow scrolling inside this wrapper, while blocking the background scroll.

3. Double-check Overflow on Children

Any element inside your menu (e.g. link lists, accordions, etc.) should not have overflow: hidden unless intentional.

4

9 times out of 10, you need to set the parent element containing your links to:
Overflow = Auto

menu
menu1200×376 20.2 KB