Stark home page layout cover images

evensenj

I have an image that covers the Hero section. It works great on desktop and when simulating the iphone, it shows perfectly. but when i open it on my iphone, the image and all other cover images on the home page zoom in so close, you cannot tell what the image is.

saguaros

evensenj Hi

It's due to this css property:

background-attachment: fixed;

Which is not fully supported in iOS Safari browser.

I changed it to:

@media (max-width: 991px) {
  #t4-hero .bg-overlay-image {
    background-attachment: scroll !important;
    background-position: center center;
  }
}

Kindly check.