When making an animation with text sliding across the screen, if it goes off screen, it creates a wider default width for the entire screen. This is very noticeable once you go for smaller screen resolutions such as the mobile view. This extra screen width is messing up the entire page.
Watch the hero text animation on a mobile device, the layout is completely messed up with additional white screen space.
In the animation settings for ‘move’ I had used the VW measurement but it does not work properly in other devices such as mobile.
I’m finding the timing of the animations is not very good in other devices after setting it up in the desktop view - they need adjustment but there is no option to do this.
Also in the preview mode on the desktop the ‘mobile view’ looked fine. It wasn’t until I checked on my iPhone that I discovered the layout mess!
