Site not behaving in mobile correctly like in designer

My site is working perfectly in the designer but then when i look at it on my mobile device some of the content doesn’t show up on mobile(safari and chrome don’t work). I have tried everything with making certain elements relative and adjusting the z-index but nothing changes. Also somtimes elements show up and then they disappear when reloading the site even though I haven’t touched the settings for that element.

There is a scroll-snap embed and custom code for vimeo player in the page settings. I’ve done the scroll-snap css before and it’s worked on other sites but I can’t figure out what is wrong with this one.

Please help, this almost feels like a bug. Even my vimeo script in the page settings was working perfectly yesterday and now it’s not working and I didn’t touch it.


Here is my site Read-Only: https://preview.webflow.com/preview/magic-tree-house?utm_medium=preview_link&utm_source=designer&utm_content=magic-tree-house&preview=a29700853e306d6e4c8c528667ba474d&workflow=preview