- Acme Themes
#20514
Gabriel
Participant

Background image not resizing image on iOS mobile – fixed

After researching, I found that this is an inherent issue with Apple’s Webkit handling of CSS – Specifically, an error is encountered when using the background-size:cover with background-attachment:fixed properties. This does not resize images correctly on mobile.

The fix I used was done in themes->education-base-pro(child if using one)->acmethemes->hooks->dynamic-css.php->line 74 – $custom_css – I changed the background-attachment from fixed to scroll.

You do lose the fixed appearance of the photo(s) in your header, but this works across multiple platforms on mobile devices.

There are programming methods to get this (fixed property) to work properly, but this was the quickest, simplest fix for me to make it work on iOS mobile.

Hope this helps!

Gabe