row background image incorrectly sized on phone/tablet

[oriweb]

We have one final bug to fix before we can launch our new site (!).

We’ve noticed that the first row on the homepage isn’t loading its background image properly on phone and tablet. It seems to be really zoomed in and blurry instead of resizing to fit the device width. I’ve attached a screenshot from an iPhone 6+ on safari.

Any idea what is causing this and how to fix it? We’ve tried removing the image, rebuilding the row, using a different image – no luck so far.

Thanks so much!

N

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

@media only screen and (max-width: 767px) {
.row.fw-row {
    background-attachment: local !important;
}
}

Please clear your device Safari cache.

I cannot see the page when logged in, I get this: “Oristand will be back shortly, we apologize for any inconvenience”.

[oriweb]

Hey David, sorry about not having access. We were making some changes on the server – you should have access again now.

I’ve inputted the custom CSS, cleared my cache and the problem remains.

Any ideas?

Thanks!

[David Martin – Support]

Great, I can see the page and my tests indicate this should sort it:

@media only screen and (max-width: 767px) {
.fw-row>.spb-row {
   background-attachment: local !important;
}
}