Page "Wiggles" Horizontally on Mobile

[Nicholas]

Hi,

I don’t know if this is a GeneratePress issue or an Elementor issue, because I am using both together. But anyway, on certain pages, the page “wiggles” on mobile, when you drag your finger left to right or right to left. It only seems to affect the pages that are using the Elementor builder. Does anyone know how best to troubleshoot this?

https://landingpageschool.com

GeneratePress 1.3.48

GP Premium 1.3.1

[Tom]

Hi there,

Is this happening on a specific page? Couldn’t see anything on your home page.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nicholas]

Yeah, it was affecting the homepage, but only when viewing with an iPhone. I think I fixed it though, by adding the following custom CSS:

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

[Lyle]

Nicholas – I have been meaning to ask about this as well. As you say, happens on Elementor created pages. Your CSS fixed it! Yay! 🙂

Cheers!
Lyle

http://snifflevalve.com
Tutorials and tips for GeneratePress, WP Show Posts, WordPress and Elementor

[Sharif]

It is happening on wh show post pro pages in RTL but I have not tested it for LTR. Above css was a fix for wp show post pro too!
Regards,

[Tom]

Ah, this can happen if your content is sliding in from outside the viewport. It can create a horizontal sidebar for a moment as it slides it, which can cause shaking/wiggling.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts