Pop-Up Modal not hiding after second page load

Hey,

Fairly new to Webflow and been playing around with interactions, pop-up modals and navigation between pages.

Video attached to explain better but as you can see I have a pop-up modal for an about page which has an interaction to hide on load. It also has a click out icon which takes you back to the landing page.

However once I click into the ‘Archive’ page and then click on the exit icon which is a link block back to the home page, the pop-up modal shows up. The click out icon then also doesn’t work to return me to the original landing page.

My question is how can the exit icon on the archive take me directly to my original landing page with the pop-up modal hidden? Would I need to build in an extra interaction for this?

Any help would be much appreciated.

Thanks


problem%20with%20navigation

Here is my public share link: https://preview.webflow.com/preview/matthew-website-e22398?utm_medium=preview_link&utm_source=dashboard&utm_content=matthew-website-e22398&preview=22ae9738d6043db1ff108d643e04b9cb&mode=preview