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.
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.
This is due to this inline css code:
body {
overflow-x: initial;
}
Do you remember adding it somewhere?
I don’t recall. It’s possible another developer added it, and I’m not sure where. How can I locate it?
It’s included in the global inline styles, so it’s probably added in the Custom Code > Global CSS field. If not, you can override it with the css rule that we suggested above.
Found it! Fixed it right up. thanks for the help!
Great! Glad you found it. Have a nice day.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.