Close button for overlay

Hello!

I’m trying to build a pop-up that shows on load (which works through the builder fine). It’s essentially a redirection pop-up for a landing page. One button will take specific people to an alternate landing page, the other button should just close the pop-up and keep people on the main landing page. I don’t want to rely on people to find the ‘x’ at the top right of the overlay if the pop-up doesn’t apply to them.

I’ve found this solution to a similar problem: How can I create a dismissable sticky div - #4 by Andre? However, when I implement the JS, the overlay closes, but the darker background doesn’t. Is there anything else I need to include?

Many thanks!

1 Like

Hi!
You can add a button inside the overlay and add a link back to the overlay element (this will toggle - in this case close, the overlay).

Hope this helps!

3 Likes

That’s perfect, Lucian! Thank you so much for your help with this, and for all the other stuff you do within these forums.

I really appreciate it :smile:

2 Likes