[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

GeneratePress 2.1.3

GP Premium 1.6.2

[Leo]

Hi there,

I’m not quite sure what you mean.

Can you explain a bit more?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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.

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

[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?

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

[Manuel]

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

[Tom]

No worries 🙂

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

[Author]

Posts