Sliding pages on mobile

Hi there,

always best to try and find the element which is breaking outside containment. What i can see is the mobile navigation has additional padding which is creating small amount of movement. So try this:

#mobile-header {
    box-sizing: border-box;
}

I edited the page, and included login and password. Your CSS worked marvelously on the earlier page. However it isn't working on other pages. I removed all CSS to test. The template is from GeneratePress.

Note the same slipping and sliding appears to be on mobile safari with many of the GP provided templates:
https://generatepress.com/site-library/

If there's a root issue with GP, or the GP provided templates, would rather address that. Otherwise, perhaps another CSS suggestion?

Thank you!

So this is the CSS that most people ( and some themes ) throw at their site to stop this from happening:

html, body {
    overflow-x: hidden;
}

The issue is not GP related but rather content related. And custom CSS that is applied to that, hence we see a lot of pagebuilder sites experiencing this problem.

I haven't personally noticed any of the Sites experiencing this on a live device but i will now take a look :)