[Resolved] Background Image vanished on iPhone and looking funny on iPad

[Mathias]

Hello,

probably your latest update might have broken our background images. At first parallax changed its behaviour on standrd browser on PC. It brought white space above when scrolling down. That led me to turn parallax off and use background image full size, centered vertically. Now it turned out that all background images are completely missed on iPhone (probably on other mobiles too) and very much oversized on iPad.

Please take a look: https://mygoal.de (Main page and most others should have background images). The original jpg is 1280 px with 72 dpi and it worked fine until a couple of days ago. That’s why I think the issue might be related to the latest GP update.

Did I miss a thing? Are there further or main settings for mobile GP?

Are there any suggestions for image sizes? How to get the best results with parallax? (It is sometimes anoying).

Thank you in advance!

GP Premium 1.4.2

[Tom]

Hi there,

background-attachment: fixed doesn’t work in iOS. If you Google “background attachment fixed ios” you’ll find lots of info on that.

As for parallax, the script was significantly improved in the latest update. I would have to see a test page with the issue to know what’s going on there.

Let me know 🙂

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

[Mathias]

Hello Tom,

Thank you fpr your quick answer. Right, obviously a previous workaround in customized CSS made this happen. I depreciated the backround “fixed” and it looks fine now.

I am going to play around with the parallax effect; probably your improvement helps us too. Once again thanks for the great theme and your kind support.

Mathias

[Tom]

No problem! If you need more help with the parallax script, just let me know 🙂

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

[Author]

Posts