Hi 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.