Fixing Pop-Up Issues: Scrolling and Z-Index Troubleshooting

Sara M. · 2025-06-12T11:41:21.931046+00:00

I'm having 2 issues with a pop up I created: 1. How can I prevent scrolling when the pop up is open? 2. I set the z index to 999 but the menu bar is somehow still over it. This is mainly a problem in mobile portrait. I can't figure out how to change the z-index. Any ideas? Thank you very much Read only link (https://preview.webflow.com/preview/blocks-speech-clinic?utm_medium=preview_link&utm_source=designer&utm_content=blocks-speech-clinic&preview=0f1c1dbafdb46b66e98f3c047ef46dbf&locale=en-US&workflow=preview)

Sara M.

·

I'm having 2 issues with a pop up I created:

1.
How can I prevent scrolling when the pop up is open?
2.
I set the z index to 999 but the menu bar is somehow still over it. This is mainly a problem in mobile portrait. I can't figure out how to change the z-index. Any ideas?

Thank you very much Read only link

10 comments

Matt J.
·
Sara M. Finsweet Attributes Smart Lightbox should resolve about 90% of these issues or more. Implement that and then let me know if you still have any tweaks we gotta make. 😄
Matt J.
·
Oli C. yeah this is not as simple as it should be. Essentially you should add the new cards to the top and try to follow the same pattern for the position top and margin top/bottom settings. Looks like they go in increments of 4rem. You'll still have to modify every card's margins to make room for them. In my experience, its usually not worth the pain but if you're already committed, I understand why you'd want to push forward with it. I can try providing a video by Tuesday or sooner if that would be helpful, let me know.
Oli C.
·
Thanks Matt J. - mate all good, I'm with you on that one. I'll make do with it 'as is'! Appreciate it.
Sara M.
·
Thank you Matt J.! What if I want the popup to show up on it's own 5 seconds after the page has loaded?
Matt J.
·
yeah you would have to use some JavaScript for that - likely something GPT could assist with I would think
Sara M.
·
Maybe I can use gpt to add something to the regular modal I created in Webflow
Sara M.
·
with relume
Matt J.
·
oh yeah, thats what I meant - just need a bit of JS to target your already existing modal you have
Sara M.
·
thanks!
Sara M.
·
Got it! It gave me a lot of java but it also gave me some tips. All I had to do was raise the z-index to 99999 instead of just 999. I thought 999 was the highest. simple issue fixed. Thank you Matt J.