Hi everyone,
I have created a custom cookie banner and have added the Finsweet attributes to it. It works perfectly when the banner is only on 1 page.
But, I wanted the banner on all pages so, to do that, I followed this tutorial: https://www.youtube.com/watch?v=W2bWyTL914c&t=111s
So basically, I have added the cookie banner to a page and modified the code to have it show up on all pages:
<!-- Finsweet Cookie Consent -->
<script async fs-cc-source="/cookie-consent" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="opt-in"></script>
Problems: even though the banner does show up on all pages, images and some text that use Webflow Page Load interactions don’t appear at times or flash briefly and disappear, 2/3 of the time. (The main example is the homepage hero that have both images and text but displays none most of the time).
I have tried so many things in the past 3 hours (like removing potentially conflicting custom code and JS) but by removing the Webflow Page load interactions, I have confirmed that it was the conflict.
Anyone has an idea on how to solve this problem? I would like to keep my page load interactions.
Thank you!
Here is my read-only share link: Read Only
Here is the published site (staging): Published site