How to fix Home Sections’ Background Image Problem on iPad Pro in Parallax Pro

Parallax Pro‘s (tested in v1.3.3) parallax sections on the homepage have a cover background image for Home Sections 1, 3 and 5.

These background images appear blown up or zoomed in on iPad Pro in Landscape orientation due to background-attachment: fixed in the CSS.

To fix this problem, add the following below the existing media queries in Parallax Pro’s style.css:

/* iPad Pro Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

    .home-section-1, .home-section-3, .home-section-5 {
        background-attachment: scroll;
    }

}
This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.