Streaming live at 10am (PST)

Homepage Slides from side-to-side on mobile

Hi Everyone!

I am working with this template right here and when the homepage is view on mobile, it slides from left to right. When i scroll down to the footer the sliding goes away. This only happens on the homepage. I would really appreciate your help.

here is the link. https://preview.webflow.com/preview/venetian-terrace-project?utm_medium=preview_link&utm_source=dashboard&utm_content=venetian-terrace-project&preview=e34159d61f628f2180152eebfabd38f3&mode=preview

Thanks!
Mazin


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

@Mazin_Abdelgader this has always to do with the positioning of certain elements. If an element has %100 width vs. auto or a defined pixel width, for example.
Your read-only link doesn’t work so I couldn’t find the exact culprit but that’s almost always the cause.

Hi @sarahfrison, thank you you so much for your help. I have been trying to find the culprit for a while now with no luck.

Here is the link to the site https://preview.webflow.com/preview/venetian-terrace-project?utm_medium=preview_link&utm_source=dashboard&utm_content=venetian-terrace-project&preview=e34159d61f628f2180152eebfabd38f3&mode=preview

@Mazin_Abdelgader I’ll take a look at this tomorrow.

Okay, so I’d need both the published link, since that where the issue is visible, as well as the read-only link to say for sure. You replaced the published link with the read only.
So as far as I can tell, you’ve got an issue with your margins/padding.
If you look at ‘features’, the ‘feature 1’ is pushed aside.

. This could be the culprit. Reduce your padding and margins and use percentages inside of pixels.

1 Like

hey @sarahfrison that worked!!! thank you so much I really appreciate it.

1 Like

@Mazin_Abdelgader glad it worked out. That’s what we’re here for :slight_smile: