(IPad OS) images blurry with wrong stretch/resolution

Hi,

What do you mean by “request mobile version”? Do you mean Chrome’s device toolbar?

This is how we see the site on Chrome’s iPad Pro emulation.

Screenshot: https://imgur.com/fu5C532

Best regards,
Ismael

Hi,

Thank you for that info.

Fixed background images are not fully supported on iOS devices and they usually cause issues when the background size property is set to “cover”. To fix the issue on iPad Pro device, we have to disable the fixed effect and set it to default or “scroll”.

@media only screen and (max-width: 1366px) {
    .flex_cell {
	background-attachment: scroll !important;
    }
}

Please disable or toggle the Performance > File Compression settings after adding the code.

Firefox does not appear to support the local value when applied on a textarea element.
Chrome has an issue that occurs when using the will-change property on a selector which also has background-attachment: fixed defined. It causes the image to get cut off and gain whitespace around it.
iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details

// https://caniuse.com/#feat=background-attachment

Best regards,
Ismael