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.
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.
Hope this helps! Let me know if I can clarify anything.
You’re MY HERO!!! I could hug you Thank you so much!
Hahaha, so glad you got it working!
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: