Twenty Twenty: Fixed Background Image on Cover template bugs on iPad

[ianbelanger]

Originally reported on GitHub by @collet

​https://github.com/WordPress/twentytwenty/issues/956

In the Customizer, if the user selects the "Fixed Background Image" option for the Cover template (which is activated by default), the cover image on an iPad (iOS 13) is blown-up.

[ianbelanger]

Cover template fixed background on iPad

[ianbelanger]

Without issue

[ianbelanger]

#49285 was marked as a duplicate.

[TungstenE2]

please note as mentioned in #49285 this is not only iPad but iOS related.

[ianbelanger]

Noted, thanks for pointing that out @TungstenE2

[TungstenE2]

This fixes the issue, but the image is fixed this way.

@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 discovered this behavior by accident using the iPad of a friend. As this is a global problem I would like to ask developers to fix this, either by the code above and a note in the theme documentation or a real fix. Seems like other developers managed to fix parallax image scrolling on iOS devices. But to leave this without notifying the users should not be the case.

see link: ​https://wordpress.org/support/topic/twenty-twenty-cover-template-feature-image-parallax-is-not-working-on-io

thx a lot

[mrfoxtalbot]

I can confirm that the "fixed background" option is still not working on iOS devices.

[mrfoxtalbot]

Fixed background option is not working on iOS devices.