Archived topic
Background image in sections not being mobile responsive
3 replies · Started by Jennifer on July 9, 2020
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 align="center" class="reefwording">Effective Jan. 1, 2020, the Hawaii State Parks is prohibiting the use of chemical-based sunscreens in Kealakekua Bay.</p>
----------------------
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
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?
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 :)
Sounds good.
Just comment here again if you'd like it fixed once it's live - should be a quick fix :)
