Mobile site not loading

Design help General
1

Hi all,

My site looks and works ok in the webflow designer, however when published it doesn’t load correctly on mobile. Desktop seems fine.
I’ve tried adjusting the overflow settings, removing page and on scroll animations, changing display settings, but nothing seems to work.

Issues with the mobile site include elements not displaying, can’t scroll back to the top of page, site not loading on refresh, seems there is a overflow issue (but can’t see in the designer where it is coming from tho). I’m trying to troubleshoot but can’t think of anything. Would be very very grateful for some help.

Site address is https://www.saintcooks.com/

Many thanks in advance.
R

2

hey can you send a read-only link?

3

Sorry, here you go Webflow - The Saint Cooks

Thanks
R

4

I believe it’s your While scrolling in view animation that’s causing problems. Try disabling it on a few elements, then publish the site and see if the problem persists. If it’s the culprit, I suggest changing the animation to Scroll into view. You can also use Webflow’s default animations (particularly “Slide”) to achieve the same effect.

5

Thank you so much! Thats solved it. Scroll into view doesn’t work so will have to use the default animations to achieve the effect.

However, I’m still getting the overflow behaviour where I can scroll/swipe to the right on mobile and all the content (Container) moves off screen.
Cheers

6

You can still use Scroll into view but you will need to create a new custom animation for it. You can’t use the one from While scrolling in view.

Set overflow to hidden on the home_pg_intro class. If it cuts off the vertical scroll, add this custom property “overflow-x: hidden”.

7

Cool. Unfortunately didn’t work. Tried with both class hidden, and with the custom property, but still getting the scroll to the right on mobile.
Thanks
R