Cover Block and Apple issue

I noticed this issue and I find that this is an old problem that if you set a cover block to fixed then within some browsers – fire fox for one (desktop ) the image is not fixed.
Even worse it seems that on an ipad the image is massively zoomed in.

I have found a few css workarounds and tried this one below but it did not work.

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.cover-header.bg-attachment-fixed {
background-attachment: scroll;
}
}

I can live with the image not being fixed on apple but need to sort out the massive zoom in problem on ipad.
The image on an iphone is not fixed but at least displays as an image and not zoomed in.
I found this from another forum.
“background cover behaves differently on iOS. It uses the body height instead of the container height which on mobile or tablet devices may result in a really high body height, hence extremely stretching the background.”

And something about an ipad fetching the desktop version but an iPhone uses the mobile which is why the ipad does not display properly.

I am looking for some css that will stop the image size zoom problem on ipads but I want to retain the fixed image behaviour on everything else.
Any ideas please.
Ref for most of my info https://www.ads-software.com/support/topic/twenty-twenty-cover-template-feature-image-parallax-is-not-working-on-ios/

• This topic was modified 4 years ago by generalnumpty.
• This topic was modified 4 years ago by generalnumpty.
• This topic was modified 4 years ago by generalnumpty.