Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30163
    lauriewinestocksings
    Guest

    The Background image does not resize on an iphone? My theme is called ‘Resolve’

    #30164
    support
    Guest

    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.

    #30165
    angelocorteseprivate
    Guest

    I tried this code on “Monument” theme but it says there is an error and must be fixed before changes can be saved.

    #30166
    Jesse Owens
    Guest

    Hello 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;
        }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘the Background image does not resize on my iphone? Theme is called ‘Resolve’’ is closed to new replies.