[Resolved] off canvas menu causes huge horizontal scrolling on mobile

[Paul]

go to private link on mobile and you’ll see the whole page can be ‘dragged’ to the left revealing a huge open white space to the right.
if, however, the page is refreshed, and the manu is opened then closed, the issue doesn’t occur.

help?

[Ying]

Hi Paul,

Can you try disabling all plugins except GP premium?

And if you are using a child theme, can you please switch to the parent theme to test?

Let me know!

[Paul]

we know that disabling the “block animations css animations for gutenberg blocks” plugin makes the issue go away, but it’s not clear that means it is responsible for the problem.

we’ve posted to their support about the issue also:
https://wordpress.org/support/topic/mobile-page-can-scroll-right/

we know if we don’t use those block animations on a page (like the contact page) we don’t have the scroll right issue.

but if we load a page with animations and then simply open and close the generatepress mobile menu, the issue doesn’t happen.

[David]

Hi there,

the animation plugins translating the position of those elements off screen.
This becomes as issue when there is overflow-x hidden on the parent container, which GPs off Canvas Panel requires.

Try adding this CSS to block the overflow at the root level:

html {
    overflow-x: hidden;
}

[Paul]

David, your fix appears to work… thank you VERY much.

[David]

Glad to hear that.

[Author]

Posts