- This topic has 3 replies, 2 voices, and was last updated 8 years, 8 months ago by
Hash.
- AuthorPosts
- July 4, 2016 at 9:35 am #544
rsteilberg
ParticipantAny background image that is set for the “Contact Us’ section does not appear correctly on mobile. For example, look at the “Contact Us” section for this website on a computer browser and any brower on a mobile phone. I don’t know how to fix this, because using developer tools to simulate a mobile phone’s window size doesn’t replicate the problem. What CSS or HTML changes should I make so that the image is propery rendered and focused for mobile browsers?
July 5, 2016 at 7:42 pm #548Hash
KeymasterHi,
Add the below CSS using some custom css plugin
@media screen (and max-width:768px){
#hs-contact-section{background-position: center !important;}
}This should fix the mobile issue.
July 6, 2016 at 10:50 am #549rsteilberg
ParticipantI added this CSS but it hasn’t solved the problem. The image is still zoomed in too much on my phone.
July 8, 2016 at 12:05 am #555Hash
KeymasterIt is the problem of the mobile device. The height of the section becomes large for a mobile device. So as to cover the whole height, the image needs to be zoomed.
- AuthorPosts
- You must be logged in to reply to this topic.