[Resolved] Horizontal Movement on Mobile Devices

[Jeremy]

Hi,

I hope that everyone’s day is going well!

I’m developing a site with GP and am running into an issue on mobile: the website slides to the left and right when interacting with it, however, there is no scroll bar. I haven’t found any elements of the site that go beyond the width of the device’s screen, so I’m not sure what’s causing this play. I’ve tried the obvious (body: 100%; overflow-x: hidden;) to no avail.

This only happens on mobile devices, and does not happen in the mobile device simulations of chrome or firefox inspectors.

Has anyone experienced this before?

I’ve attached a screenshot for reference.

The site can be found here: https://www.lakegenevaselfstorage.com/dev/

Thanks,

Jeremy

[Leo]

Hi there,

This usually happens when an element (likely from the page builder) is wider than the screen on mobile devices and not responsive.

I would assume this issue doesn’t exist on a page that doesn’t use Beaver Builder?

If so I would recommend checking with their support and see if they can identify the problem. They are usually quite good 🙂

[Jeremy]

Hi Leo,

I tested another page – you are correct. The issue is not present. I will check with Beaver Builder Support.

Thanks for the quick reply and wise words! Have a nice evening.

[Leo]

No problem 🙂

[Author]

Posts