Content Drift on Mobile

Hi there, I’m having an issue where the content on my home page drifts left and right as I scroll. The issue is only on the home page, the other pages are locked in. I have run into this in the past and it was a matter of hiding the overflow in the header bars, but that doesn’t seem to be doing the trick this time around. I’ll link to the site in a secure note.

Thanks!

Hey Ken,

Thanks for writing in! I wasn’t able to replicate the issue on my browser upon checking your site.

  • See the screenshot in the secure note below.

Please provide a screenshot and make sure to clear all your cached. Perhaps this can help you:

Best Regards.

It seems to work fine on chrome, but not on safari. I’ll attach a screenshot.

Thank you for the screenshot.

Please try adding this code in the Custom Code > Global CSS field:

html, body {
	overscroll-behavior: none;
	overflow-x: hidden;
}

Make sure to purge the cache or remove browser history before checking the page.

Best regards.

I would really like to identify the setting that’s messing this is up, rather than add code fixes if possible.

1 Like

This is due to this inline css code:

body {
	overflow-x: initial;
}

Do you remember adding it somewhere?