- AuthorPosts
- May 20, 2019 at 1:50 am #30163lauriewinestocksingsGuest
The Background image does not resize on an iphone? My theme is called ‘Resolve’
May 20, 2019 at 3:10 pm #30164supportGuestHi lauriewinestocksings, thank you for contacting us.
Apple mobile devices have some trouble utilizing the CSS rule background-size: cover and it leads to some strange behavior. However, we can correct this by using the custom CSS
option is your website’s Customizer to make it behave how we want.
Below I have provided some code that you can copy into that section that
should address the problem you are experiencing.@media (max-width: 991px) { body.custom-background { -webkit-background-size: auto !important }
This code uses a media query to target screen resolutions for
mobile and tablet devices and changes the background size option from
cover to auto, which will help the image display correctly for the
appropriate screen size. I also added in the -webkit tag to ensure that
only devices that utilize the Apple Webkit framework will use this new
rule.July 20, 2019 at 7:34 pm #30165angelocorteseprivateGuestI tried this code on “Monument” theme but it says there is an error and must be fixed before changes can be saved.
July 23, 2019 at 10:55 am #30166Jesse OwensGuestHello angelocorteseprivate,
Please forgive us, there was a typo in that code. In order to resolve the error, add a semicolon to the end of the CSS rule:
@media (max-width: 991px) { body.custom-background { -webkit-background-size: auto !important; } }
- AuthorPosts
- The topic ‘the Background image does not resize on my iphone? Theme is called ‘Resolve’’ is closed to new replies.