Hi Webflow Community,
I have a pop up modal which I’d like to close either by clicking the exit button or anywhere on the background. I have tried setting those 2 interactions when I tried it the modal wouldn’t stay closed.
Would really appreciate it if someone can let me know what I’m doing wrong. Thank you!
Here is my public share link: LINK
(how to access public share link)
@Emilie_Ho Hey where is the popup can you share me screen short of popup
Like @Moheen said it would be helpful to know where the pop up is so we can take a look! Also you can check out the various pop up modals I made here Flow Phantom cloneables . You can take a peek at the interactions to see how I created my modals.
@Moheen @Andrew_Bass Hi, here’s a video of the modal Loom | Free Screen & Video Recording Software
The whole modal is built within the “Nav Bar Modal” div here.
Project link: Webflow - Make The Dot
Hi @Andrew_Bass, I opened your interaction section on your examples and tried replicating them, but the popup still wouldn’t close. Any idea what I’m doing wrong?
@Emilie_Ho ~ Hello Emilie. Try giving your “Close Modal Bg” class the same trigger you did for the “x icon” element.
Hey @dannyFig thanks for your response! I have applied the same “close modal” interaction to the “close modal bg” div here in the project: Webflow - Make The Dot
At the moment when I click on the background, it closes but the modal would keep popping back up.
@Emilie_Ho I believe I found the issue and it’s a super easy fix!
It looks like you have the “loop” checked on the “Open Modal” interaction. Once I unchecked that everything seemed to be working fine! In the picture below I circled where you have it checked.
Thank you so much @Andrew_Bass! It took me hours and I still couldn’t see that issue. You’re awesome
Of course! Happy to help .
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.