First of all, I don’t know how it works on published site (http://greatescape.webflow.io/), but there is no interaction at all on your “read only” link.
I guess site was published before interaction were deleted.
SO, will create interactions again.
Create all needed links in the footer
Find “modal background” section in the Navigator. It is hidden, for
adding changes make it “Display block”
Clone “modal widows” for fill it up with different content later. For being able to scroll this section apply Overflow - Auto.
Chose first modal window. Remove class “modal window” and create class “about” (for link ABOUT US). In this way class ABOUT will be not nested and will be visible in the interactions. Then apply class “modal window” back to this div. So you will have div with 2 classes.
Same procedure for every other modal windows (policy, faq, contacts)
at the end you will have:
- While you are on modal background, create interaction for closing your pop-ups:
chose CLOSE text and create interaction on it
Trigger- click, Affect different elements - modal background, action - display none
Make section “modal background” hidden again for give interaction to your footer links
Chose link ABOUT US and create interaction on it. There will be 3 triggers on click:
1 - Open modal background (make it visible)
2 - Hide all modal windows
3 - Open modal window that you need, by chosing class that you need
Same procedure for every other modal link.
You can just clone interaction “Open about” and then change the name of interaction and class modal window, that you need to open.
That’s pretty much all. Everything is working. I checked, just can’t save. Good luck