Hi,
I have an scroll animation which I designed in my wix studio site, where the containers in the shape of cards slide into a stack when the user scrolls. This works perfectly fine on desktop, and in the mobile testing site on desktop, and even when I load the live site and compress my browsers dimensions to a mobile breakpoint. However, when I actually load the site on my phone, the animation does not work at all. I’ve tried it on a couple of different phones as well.
My phone is not set to ‘reduce motion’.
I am stumped and getting nervous about this section because I need to be able to present it in a few days. Please someone help!
This is the live site (ignore the rest of the design and just focus on this one section please)
Here are the screenshots -
Live site on desktop (works fine)
Live site on desktop viewed in the dimensions of a mobile screen (works fine)
Live site loaded on an actual mobile … (all the cards disappeared!!)
Help!!!