- This topic has 3 replies, 2 voices, and was last updated 7 years, 11 months ago by Hash.
- AuthorPosts
- July 4, 2016 at 9:35 am #544rsteilbergParticipant
Any 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 #548HashKeymasterHi,
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 #549rsteilbergParticipantI 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 #555HashKeymasterIt 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.