Community forum for knowledge and support

Updated 5 days ago

I'm having issues with a pop-up I created: Preventing scrolling and overriding z-index on mobile portrait.

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

M
O
S
10 comments

@Sara Margolies 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. πŸ˜„

@Oli Cheveralls 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.

Thanks @Matt - mate all good, I'm with you on that one. I'll make do with it 'as is'! Appreciate it.

Thank you @Matt! What if I want the popup to show up on it's own 5 seconds after the page has loaded?

yeah you would have to use some JavaScript for that - likely something GPT could assist with I would think

Maybe I can use gpt to add something to the regular modal I created in Webflow

oh yeah, thats what I meant - just need a bit of JS to target your already existing modal you have

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

Add a reply
Sign up and join the conversation on Slack