Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

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

Avatar of Sara M.Sara M.
路

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

  1. 1.

    How can I prevent scrolling when the pop up is open?

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

  • Avatar of Matt J.
    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. 馃槃

  • Avatar of Matt J.
    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.

  • Avatar of Oli C.
    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.

  • Avatar of Sara M.
    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?

  • Avatar of Matt J.
    Matt J.
    路

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

  • Avatar of Sara M.
    Sara M.
    路

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

  • Avatar of Sara M.
    Sara M.
    路

    with relume

  • Avatar of Matt J.
    Matt J.
    路

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

  • Avatar of Sara M.
    Sara M.
    路

    thanks!

  • Avatar of Sara M.
    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.