Hi guys, I am working on a site and have used a row with parallax background as the page header. On the iPad, the background image is stretched to the point of blurriness when in landscape mode. This only happens on the device; it’s ok when I resize my desktop browser to 1024px wide. And no I didn’t change the mobile breakpoint in global settings.
Thanks for contacting us and apologies for the issues you are experiencing. We’ll need to look into this, but in the meantime, I would suggest just using the row photo background option. Can you also provide a login to where we can take a look within the site? Feel free to mark as private when replying.
It appears that on touch devices like an iPad, the background is being stretched to fill the entire height of the page, not the browser window like it does on a desktop computer. I believe this is just a symptom of how the CSS for that technique works so I’m thinking of disabling parallax for touch and showing just the standard background stretch. Does that work?
I’ll do some testing and see what the best approach is here. I believe we’re already using the background-size property, but I could be mistaken. I’ll have a look at a fix this week and let you know how it goes.