I’m currently struggling with an issue on my website. Animations work perfectly on some mobile devices but don’t work at all on others. At first, I thought it was an iOS problem, but the issue persists across both iOS (versions 14 and 17). I’ve tested it on multiple Android and iPhone devices, but the problem remains - looks like a lottery.
Here’s my website: Webflow - IT coffee
Has anyone encountered a similar issue or have any insights on what might be going wrong?
I’ve run into similar issues with animations on mobile devices. It can be pretty frustrating! Sometimes, it concerns how different devices handle CSS animations and JavaScript. Have you checked if there’s any difference in how the animations are triggered or if there’s any device-specific CSS? Sometimes optimizing the code or using different libraries can help.
Need more info on which interactions are not working.
Generally, scroll interactions are inconsistent between desktop and mobile due to the percentage differences for smaller screen, along with things like offsets or pixel distances.
If the interactions are nonessential, it’s best to click on the checkbox to disable on smaller devices.
If essential, duplicate the desktop version of the interaction, rebuild that duplicate specifically for mobile… disable it for desktop/tablet, and leave enabled for phone views only.
