[Resolved] Sider Theme: content area is movable horizontal on iPad

[Manuel]

Hi all,

I’ve made a site using the Sider Theme and Elementor. You can move the content area to the left and to the right an than it jumps back. I think, it’s no padding or margin issue, right? It only happens on iPad. Any ideas what i can do to fix it?

Best regards an thanks again for your theme, plugins and always great support.

Manuel

[Leo]

Hi there,

I’m not quite sure what you mean.

Can you explain a bit more?

[Manuel]

Hi Leo,

thanks for your reply. It’s a little difficult to describe so here is a screen video from my iPad.

Google Drive

On Android Devices it’s not “movable” just in iPad.

[Tom]

Does it just snap back to normal though? I believe iOS allows you to move the screen around like this by default?

If it scrolled over and then stayed there, that would been there’s an elements that’s too wide.

[Manuel]

Yes, it snaps back. In your demo it isn’t movable to the left and the right.
I’ve changed the css a bit to make content 100% width (minus 300px for the side header). Since I’ve done that this issue appears. On iPad only.

[Tom]

So if you remove the CSS you added, the issue goes away?

Can you share the exact CSS?

[Manuel]

It’s a strange padding issue from Elementor.
Sorry for takin up your time.

[Tom]

No worries 🙂

[Author]

Posts