Relume
Log in

Community forum for knowledge and support

Updated 5 months ago

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

At a glance

The community member is having issues with a pop-up they created, specifically preventing scrolling when the pop-up is open and the menu bar overlapping the pop-up, especially on mobile portrait. They set the z-index to 999 but it didn't work. Another community member suggests using Finsweet Attributes Smart Lightbox to resolve most of the issues. The discussion also covers adding new cards to the top of the page and modifying margins, as well as using JavaScript to make the pop-up appear 5 seconds after the page loads. The original issue was eventually resolved by raising the z-index to 99999 instead of just 999.

SSara Margolies
·

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
MMatt Johnson

@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. 😄

MMatt Johnson

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

OOli Cheveralls

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

SSara Margolies

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

MMatt Johnson

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

SSara Margolies

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

SSara Margolies

with relume

MMatt Johnson

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

SSara Margolies

thanks!

SSara Margolies

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