Mobile design looks different on the published site

Hello :slight_smile:
I’m building my music website, created some interactions and also created a mobile view on webflow. It looks good on preview mode.

On the published site I find 2 problems:

  1. On the homepage, the navbar takes more width then the viewport of the mobile screen - leaving a lot of space to scroll - My question is how do I set the elements to sit inside the body so the user won’t be able to scroll left/right. I tried using 100% or VW, but haven’t seen a change.

  2. I created some scroll animations, which doesn’t work well on mobile(elements doesn’t fade in on scroll). Is there a different behavior for animations on mobile?

Would appreciate you help :slight_smile:
Have a nice day!

http://shacharzadik-com.webflow.io/


Here is my site Read-Only:
https://preview.webflow.com/preview/shacharzadik-com?preview=786b46daafbc68429ae5f3eb9526b730