Streaming live at 10am (PST)

Pop-up Modal not scrolling on Mobile

Hey Gents,

I have an issue with my pop-up modal on my pricing page (specifically on mobile) where the user can’t scroll down to press the “Sign-Up” button because the modal takes up the whole screen. It might be a simple fix but I figured I’d ask for some help…

There are a few other topics like this but I didn’t read over a solution that fixed it :confused:

Here’s my Share Link:

And a screen shot of the piece on the designer:

Lets start from “why” - the parent of the modal is in fixed position. The scroll working but you always see this Modal in the same fixed position (you can not scroll fixed!) - test this with chrome emulator and see this happening.

One way is to add this code to "sign-up-wrapper" (set some height + overflow):

max-height: calc(100vh - 80px);
overflow-y: auto;  

Read about overflow-y her.

see this articles:

1 Like

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