Links and actions not working in publish site

Really in a spot. I had to send it for review is this state :expressionless:
Any help would be very appreciated!

http://focusmerch-r3-d7278c1aaa7b9879a00619cde.webflow.io/

Here is my site Read-Only: LINK

https://preview.webflow.com/preview/focusmerch-r3-d7278c1aaa7b9879a00619cde?utm_medium=preview_link&utm_source=dashboard&utm_content=focusmerch-r3-d7278c1aaa7b9879a00619cde&preview=d95d4d500006173ab3d678787380c8d9&workflow=preview
(how to share your site Read-Only link)

Hey @cat_amd !

Which links and actions are you referring to? I poked around the published site and all of the links worked for me.

1 Like

Thanks for the reply! here’s a previous version before I added the loading logo. I’m thinking thats where I messed it up. All the interactions are functioning in this previous version. You will see the difference.

I think you’re hunch is right!

I found that the problem was with this interaction:

And after digging into it a bit more, I found that it was this specifically that was causing the problem:

After deleting both of the Page Wrapper Hide/Show actions everything seemed be be working again :slight_smile:

You can see it working here: CleanShot 2022-08-26 at 13.42.53 · CleanShot Cloud

Hope this helps!

Edit: If you still need to Hide/Show the Page Wrapper then I would recommend trying to use opacity and see if that works :slight_smile:

1 Like

Thanks for digging into this. I do believe it is the cause. I’m going to have to find another way to create a page loader. Transparency won’t stop the browser from scrolling under the top layer. I actually like the site better without it but, client wants a page loader. I’m not much of a coder. Thought the wrapper would do the trick. Alas, sigh.
Thanks again my friend. Much appreciated!

I wonder if you could get it to work by still removing the Page Wrapper Hide/Show actions from the interaction and then try something like this in the Before tag section:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>

<script>
  let tl = gsap.timeline({ delay: 2.3 });
  tl.fromTo(".page-wrapper", { display: "none" }, { display: "block" });
</script>

I can’t test it on the read-only site, so it’s kind of a shot in the dark, but I set the delay to 2.3 seconds to match what you have in the Webflow Interaction so it should still line up.

Let me know if this works :slight_smile:

1 Like

Can’t thank you enough!
That worked like a charm on the desktop version. :smiling_face:
I had to eliminate the alpha mask from the mobile version altogether.
It was timed for mobile and not interactive anyway, so I’ll just do something else with it.