@Account_Capi No problem at all. I can see the horizontal overflow on your live site, but not inside the Webflow Designer. Please generate a new read-only link and paste it here so I can have a look. Thanks!
It looks like the cause of the horizontal scroll can be found here:
Body content > Hero > Container (1.) > Interactions > Hero Animation (Scroll) > Circle Image (Scale).
I have found this by deleting your sections one by one. Doing this helps you narrow down the location. When you have found the section, look at all of the elements inside and repeat the process until the causing element can be determined.
Thank you so much for everything. It seems like the circle Image (Scale) interaction isn’t the cause, I’ve tried your method and found out that: Body content > track > Sticky(yes only this div, not the children inside its). I still don’t know how to fix this since I hadn’t touched this at all . Thanks you again Choreus !!!
@Account_Capi, okay, let’s try this again. I’m pretty sure, the interaction I described in my previous post is the answer to your problem. I have recorded a short video for you.
I gave the body a background color, so it’s easier to see what’s happening. As soon as the interaction is deleted, the horizontal overflow is not happening anymore. Also, you can literally see the interaction causing the overflow when scrolling back up.
My suggestion is the following: Set the initial scale to something below 1. In the video I have chosen 0.5. The final scale should go back to 1. Anything above 1 (You currently have set 1.4) will create the horizontal overflow.
I can never thank you enough Choreus but as I said I have tried deleting the interactions you mentioned yet nothing changed. You can see it here, the tricky was the problem all the time, I still don’t how to fix this though.
By the way, I noticed that there are some differences so created a new link: Webflow - Capi Product
P/s: sorry I don’t know how to upload the video like you.