Modal pop-up disabling my menu

I have a modal pop-up on my site and I’m not sure why, but it disables the links in the menu to navigate to different products in my shop after the X is clicked. I found another forum post about this issue, but the solution did not work for me.
HALLP!


Here is my site Read-Only: [LINK](Webflow - Youth Amplified! | Holistic Reverse - Aging | Anti-Aging Skincare)
(how to share your site Read-Only link)

Hi, LaDonna! Happy to help with your modal blocking your links.

What’s happening here is that your Div Block 7, because it’s full width, is staying on screen even after the modal goes away, because your interaction hides your popup div, not the Div Block 7.

How I would personally solve this would be to move your popup div outside of the Div Block 7, and delete the Div Block 7 altogether. After that, use the absolute positioning applied to popup div to move it down on the page and apply a z-index to make sure it stays on top of other elements.

image

Hope this helps! Let me know if I can clarify anything.

1 Like

You’re MY HERO!!! I could hug you :slight_smile: Thank you so much!

1 Like

Hahaha, so glad you got it working!

1 Like

Hey - by any chance do you have a solution for my newest issue:

I enabled reCAPTCHA, but the images for the recaptcha pop up behind the modal. Is there a way to fix this? I saw that someone asked this question somewhere else back in 2021, but no one responded.

Here’s my read-only link again:
https://preview.webflow.com/preview/youth-amplified-holistic-reverse-aging?utm_medium=preview_link&utm_source=designer&utm_content=youth-amplified-holistic-reverse-aging&preview=190a9ba1b8e1b0404963960dbe9a086b&workflow=preview