Automatic cookie blocking causes animation issues in Elementor Pro
-
Hello Cookiebot WordPress community.
We have built our website with Elementor Pro, and are in the process of enabling a cookie banner to our site. We really like Cookiebot’s approach to cookie management, and would love to get it to work.
The issue we are facing is that when we enable the Cookiebot banner set to Automatic Cookie-Blocking, the website faces some weird animations on load. This is noticeable on the header menu (top right) when switching between pages, and also on some of the pages’ hero sections (karriere/career for instance, where the image seems to slide in from the left).
I have done some debugging, and the issue persists until you make a selection in the cookiebot banner, as long as that selection is either “accept all” or if you manually go in and select all the categories manually. Denying cookies or selecting only “statistics” for instance has the animation issue persist even after the banner is gone.
I have also tested this in multiple browsers, and have seen it happen in Chrome, Edge and Safari. The issue didn’t seem to exist in Firefox. Additionally I have tried to create a CSS class named .notransitions that disables all transitions and add that class to both the cookiebot banner and the elementor header with no results.
Hoping someone else has faced similar issues or have the know-how to identify/realize what our issue is and hopefully also provide a solution to our issues so we can start using Cookiebot without it weirding out our website.
Just to reiterate: our website should have no animations on page transitions/page loads (apart from the hero section video backgrounds). Menu items, images etc. should all be static and stay in place.
Here is our debug info from our Cookiebot plugin:
##### Debug Information for https://intility.no generated at 2021-08-03T14:20:20+00:00 ##### WordPress Version: 5.8 WordPress Language: en-US PHP Version: 7.3.20 MySQL Version: 5.5.5 --- Cookiebot Information --- Plugin Version: 3.10.1 Cookiebot ID: 790abdc4-e0c5-4090-8f56-c1d06dcb6db1 Blocking mode: auto Language: _wp IAB: Not enabled CCPA banner for visitors from California: Enabled CCPA domain group id: 790abdc4-e0c5-4090-8f56-c1d06dcb6db1 Add async/defer to banner tag: None Add async/defer to declaration tag: async Auto update: Enabled Hide Cookie Popup: No Disable Cookiebot in WP Admin: Yes Enable Cookiebot on front end while logged in: No Banner tag: <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-georegions="{'region':'US-06','cbid':'790abdc4-e0c5-4090-8f56-c1d06dcb6db1'}" data-cbid="790abdc4-e0c5-4090-8f56-c1d06dcb6db1" data-culture="EN" type="text/javascript" data-blockingmode="auto"></script> Declaration tag: <script id="CookieDeclaration" src="https://consent.cookiebot.com/790abdc4-e0c5-4090-8f56-c1d06dcb6db1/cd.js" data-culture="EN" type="text/javascript" async></script> --- Activated Cookiebot Addons --- --- Activated Plugins --- Polylang Pro (Version: 3.1) Polylang Connect for Elementor (Version: 1.0.6) dflip (Version: 1.7.6.2) Disable WP REST API (Version: 2.2) Yoast Duplicate Post (Version: 4.1.2) Elementor Pro (Version: 3.3.5) Elementor (Version: 3.3.1) Jetpack (Version: 9.9.1) Make Column Clickable Elementor (Version: 1.3.1) Page Links To (Version: 3.3.5) Siteimprove Plugin (Version: 1.2.1) Yoast SEO Premium (Version: 16.8) Yoast SEO (Version: 16.8) WP Mail SMTP (Version: 2.9.0) WP STAGING PRO (Version: 4.0.3) ##### Debug Information END #####
The page I need help with: [log in to see the link]
- The topic ‘Automatic cookie blocking causes animation issues in Elementor Pro’ is closed to new replies.