As I mention in the title, I upgraded from Activello 1.0.2 to 1.1.1 - after doing so, I now have a problem with a main nav link that is supposed to open using Fancybox. I’ve made sure that the fancybox-iframe class is assigned properly. Links to the same page from within page content open fine in the Fancybox, but when attempting to open via the top nav link, the Fancybox modal comes up and then after a few seconds re-directs to the page I am trying to load in the box.
I hope you are well today and thank you for your question.
I visited your shared site and it seems this is happening because you have set subscribe menu URL to /subscription-form/ instead of # so please try changing it to # to make it work.
The way fancybox works is by adding a CSS class to a link which I’ve done - and it worked fine before updating to 1.1.1. I can apply that class to any link that I want to have open inside a fancybox. If you look, there are other links to the subscription page (easiest to find is on the slider) which work fine. For some reason the one in the nav does not work.
If I change the URL on my nav link to #, how is this supposed to solve my issue? The link won’t know where to go without a URL.
Is there something in the nav (JS or CSS perhaps) that would cause the behavior I’m seeing? It’s almost as if it’s preventing the iframe from working properly.
If I change the URL to # the link loads a 404 inside the fancybox (as I would expect - it has nothing to load) instead of my subscribe page. Decided to experiment a little and tried links to other pages (to rule out the subscription page) - this didn’t help. Tried adding the # to the end of the URL (ex: /subscription-page/#) - didn’t help. Tried a full http:// URL. Didn’t help.
My original plugin that I was using is the “Easy Fancybox” plugin. To be thorough, I disabled the plugin and tried another - this one not based on Fancybox - the “Responsive Lightbox” plugin. After adjusting to the different system, I still have the same issue with links in the nav bar opening the modal and then after a few seconds redirecting the whole browser to the linked page instead of opening as an iframe.
My attempts at posting the workaround I came up with for this problem have been hampered by the site’s firewall thinking I’m attempting an XSS attack. Instead, I’ve attached it now instead as a .png image for anyone who comes across this same issue in the future. Sorry to anyone who won’t be able to copy/paste the code.