- This topic has 3 replies, 2 voices, and was last updated 3 years, 9 months ago by
.
-
Posts
-
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>
———————-
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
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?
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 🙂
- You must be logged in to reply to this topic.