How can I fix the issue with my pop-up modal on Webflow's pricing page (specifically on mobile) where the modal takes up the entire screen and the user can't scroll down to press the "Sign-Up" button?

You're facing a mobile usability issue where your pop-up modal prevents users from scrolling to the "Sign-Up" button, making it inaccessible.

1. Adjust Modal Height and Overflow

• Select the Modal Wrapper element in the Webflow Designer.
• In the Style panel, make sure the modal has a defined max-height (e.g., 90vh) instead of 100vh or a fixed pixel value.
• Set overflow to auto or scroll to enable internal scrolling if content exceeds the viewport height.

2. Check Positioning and Flex Settings

• If you're using position: fixed or absolute, the modal may fill the viewport by default.
• Use display: flex or grid on the parent container to center the modal, then set child modal content to max-height: 90vh.
• Make sure vertical alignment is set to “Start” inside the modal if content should scroll.

3. Disable Body Scroll When Modal Opens (Optional)

• When a modal opens, Webflow often disables body scroll to prevent background movement. If your modal overflows and the body is locked, users can't access the bottom.
• Add an interaction to remove or toggle a body-specific class like overflow-hidden only when modal doesn’t require it on smaller screens.

4. Test Responsiveness in Webflow Designer

• Use Webflow’s mobile preview to check the modal's behavior on different screen sizes.
• Adjust padding/margins or reduce font size/content inside the modal on mobile breakpoints to avoid overflow.

5. Use Webflow Interactions Cleanly

• If you’re showing/hiding modals via interactions, ensure you're not accidentally forcing display: block on a container that expands uncontrolled on mobile.
• Use initial states properly so elements don’t retain large height values after being opened once.

Summary

To fix mobile overflow in your modal: set a max-height like 90vh, enable internal scrolling (overflow: auto), and test your modal settings on mobile breakpoints. This ensures users can scroll the modal content and reach the "Sign-Up" button.