Hi there Webflow folk.
On the homepage of this site I am using an Elfsight cookie widget https://mcveagh-fleming-2021.webflow.io/
For desktop/tablet and landscape phone sizes the widget displays correctly fine but for normal mobile portrait the widget does not display correctly.
The Elfsight widget script is placed in the head tag on the Home page (also tried it before the body tag).
I’ve worked out that it’s the Page Load interaction that is causing the problem (when I disable it everything displays correctly), so that’s good to find out what’s causing the issue but I would prefer to not have to disable the interaction for mobile portrait.
However, on a test page https://mcveagh-fleming-2021.webflow.io/testing-do-not-remove/cookie-test everything works perfectly for all responsive levels. So I am pretty baffled as to why this is happening. Both pages are using the ‘When page starts loading’ and I have tried both with ‘When page finishes loading’ and it seems to make no difference.
More annoying is that this site https://www.activecomponents.com/ is using the same Elfsight widget and also has page load interactions but is not having any problems It was built about a year ago.
The responsiveness layout formatting works perfectly on a desktop browser when resizing the screen, it’s just on an actual phone that the problem exists.
Any thoughts on this greatly appreciated.
Grant
Here’s the share link Webflow - McVeagh Fleming - 2021