Fixed Image Background Jitter in Internet Edge and Zoomed photo in IOS

[staceymarler]

I am going through my clients site getting it ready for review and have noticed some issues with IE and IOS mobile related to fixed image backgrounds.

1. On IE the fixed image background jumps around when you scroll or what I call jitters. From what I read on the internet it is due to issues with IE. Is there any workaround for this?

2. On mobile IOS the fixed image areas appear to be zoomed in and do not resize correctly (See images attached). The first image is the screen resized down to mobile and the next image is from the IOS mobile device.

[paul.r]

Hi,

1. I did some research as well and can confirm that this is a browser issue. Regretfully we can not provide a work around for this as the fix needs to be done the the browser itself.

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5752059/

2. This is a known issue and our web developers are already aware of this. Hopefully this will be fix soon.

For the mean time, you can try adding the code below in Theme Options > CSS

.touchevents #my-section .x-bg-layer-lower-image {
    background-attachment: scroll !important;
    background-position: center center !important;
}

Thanks