Docs

[phettler]

The background image on this website: http://restorationfromzion.com/ is not showing properly on iOS devices. I have tried following help found elsewhere in your forums, but no such help. I have found in debugging that if I set the background-attachment setting to ‘scroll’ it shows properly. But the background-attachment property seems to be set via JS to fixed!important so I cannot override this.

I attach the iOS screenshot, and an Android one for comparison.

Kind regards,
Paul

[Rahul]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[phettler]

This reply has been marked as private.

[Christopher]

Hi there,

On mobile, background image couldn’t be displayed exactly like how it’s being displayed on desktop.
Please try following code one by one and check which one works better :

@media only screen and (max-width: 480px){
#home-top {
    background-size: contain ;
}
}

@media only screen and (max-width: 480px){
#home-top {
    background-size: 100% 100% ;
}
}

@media only screen and (max-width: 480px){
#home-top {
    background-size: cover ;
}
}

Please consider that it’s the limitation of background-size property.

Thanks.

[phettler]

Please can you tell me how to disable to code that sets the background-attachment to fixed!important

This occurs even when I have turned off parallax on the container, which seems like a bug to me. When set to ‘scroll’ the image appears correctly.

[Friech]

Hi There,

It seems like the background-attachment: fixed; has nothing to do with the background not showing up.

It is more likely the background image is loaded on a non-secure protocol (http:), while your site is (https:) some of the browser does not honor this kind of request.

I’d advice you remove and re-set this background images from your sections. And see if that resolves the protocol issue. Make sure to clear your caching plugin and your browser’s cache before previewing the site.

Let us know how it goes.

Cheers!

[phettler]

Thanks. One way or another this has now been fixed. 🙂

[Thai]

If you need anything else please let us know.

[Author]

Posts