Images on iPad Pro and iPad

[lancebarton]

You guys helped me so much in this thread:

Accordion changing background size on item opening

But people have pointed out that on ipads, especially ipad pro which is getting really popular that the images in the sections that are pinned in place are zoomed way in and look terrible. What am I doing wrong there? What you did was so beautiful but on a pad this looks a mess. Thank you so much guys!

[rad]

Hi Lance,

Thanks for reaching out.

iPad Pro has a resolution that almost the same on desktop https://en.wikipedia.org/wiki/IPad_Pro. Could you try this one

/* fixed back still for mobile with accordians */

@media(max-width: 1366px){
    .fixed-bg .x-bg .x-bg-layer-lower-image {
        background-color: #e8e8e8;
        background-size:  auto 900px !important;
        background-position: top center !important;
        background-attachment: scroll !important;
    }
  
    .left-bg .x-bg .x-bg-layer-lower-image {
        background-position: top left !important;
    }
  
    .right-bg .x-bg .x-bg-layer-lower-image {
        background-position: top right !important;
    }
}

Then just change the 900px value until you find the correct size of the image.

Thanks!