Mobile Browser Issue

Hi there,

Just checked your site on my iPhone 6s Safari and it looks good to me?
https://s7.postimg.cc/oesyhrr63/IMG_7453.png

Are you seeing something different?

Make sure to clear all caching.

Hi Leo,

I've just looked at your image and it just looks like a black smudge, the actual image is of a fleet of vehicles and should look like this.

http://127media.com/wp-content/uploads/2018/04/Screenshot_20180416-120706.png

Thanks,

Gary

This might help: https://generatepress.com/forums/topic/iphone-6-responsive-image/#post-109159

In your case, the class in your CSS would be: .site-header

Hi Tom,

So, would it look like this?

@media (max-width:768px) {
.site-header {
background-image: url(http://www.eaformby.co.uk/wp-content/uploads/2018/04/EA-Formby-NW-Ltd-Fleet-crop.jpg);
}
}

If so, I've tried it and it's still the same - no change - cache cleared.

Thanks,

Gary

Ah sorry, linked to the wrong example.

Try this:

@media (max-width: 768px) {
    .site-header {
        background-attachment: initial;
    }
}

Sorted - thank you 👍

Have a great weekend

No problem!

Thank you - you as well! :)