[Resolved] Background image in sections not being mobile responsive

Home Forums Support Background image in sections not being mobile responsive

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1358341
    Jennifer

    I added a background image in the sections area. However when I resize it, it is not mobile friendly.

    Can you please help me?

    My coding inside the sections
    —————————————-

    <p class=”reefTitle”>Protect Our Reefs</p>
    <p align=”center” class=”reefwording”>Effective Jan. 1, 2020, the Hawaii State Parks is prohibiting the use of chemical-based sunscreens in Kealakekua Bay.</p>
    reef-safe-sunscreen-hawaii

    ———————-
    Added an ID within sections for the background image, here is my coding
    #reefIMG{height:350px;background-position:bottom left;margin:0 -5px}

    The site I am currently working on is not visible to the public.

    https://uslawpros.com/wp-content/uploads/2020/07/sectionsBG.png

    Jennifer
    Living His Word Ministries, Inc.
    www.livinghisword.org

    #1358349
    Leo
    Staff
    Customer Support

    Hi there,

    Background images aren’t responsive by nature – it’s not a theme thing or section thing.

    There are two possible solutions:

    – Re-position the image on mobile so it shows the focus of the image

    – Use a mobile specific background image with CSS.

    Can you link me to the page in question if you need help with implementing the solution above?

    #1358357
    Jennifer

    Thank you for the information. No I cannot link you to the website, because it is not visible to the public. I have to change my host file to work on the website.

    No one can see it unless they change their host file :).

    Thank you 🙂

    Jennifer
    Living His Word Ministries, Inc.
    www.livinghisword.org

    #1358365
    Leo
    Staff
    Customer Support

    Sounds good.

    Just comment here again if you’d like it fixed once it’s live – should be a quick fix 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.