Monument Theme background image not visible on Apple Devices

Posted on September 28, 2020 by

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
September 28, 2020 at 5:10 pm #27578

Sarah Pittmann
Guest

The background picture that shows in the header is showing on my husbands Samsung cellphone, but it will not show on any of our Apple products (my Apple phone or our Apple tablet). On the Apple devices it is simply showing the accent color instead of the picture. I used the Inspirations Monument theme out of the box. How do I get it to be responsive on Apple devices and show the background picture the same way it does on the Samsung?

Thanks!

Sarah

September 28, 2020 at 5:14 pm #27621
Jesse Owens
Keymaster
Hi Sarah-

This issue is due to the way that Safari on iOS handles the “Cover Page” image size together with the “Fixed” background position.

In order to fix it, navigate to Customize > Advanced > Custom JS & CSS and paste the following code into your Custom Theme CSS field:
```
@media only screen and (max-device-height : 1024px) and (max-device-width : 1024px) { 
   .palette-primary.custom-background, .boldgrid-section.background-fixed { 
      background-attachment: scroll !important; 
      background-position: center top !important; 
   } 
}
```
September 29, 2020 at 9:31 am #27634

Sarah Pittmann
Guest

THANK YOU SO MUCH!! It worked!!
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Monument Theme background image not visible on Apple Devices’ is closed to new replies.