-
-
Hi, I am having some issues with the mobile version of my site and hoping you can help.
Responsive layout on mobile:
When I look at my website on mobile, the main background image on my homepage isn’t responsive and appears enlarged. I have this same issue with my contact form at the bottom of the page. For the image at the top, I tried putting it into columns to contain the size, but this did not change anything. I also tried using the bit of CSS code you included on this post https://support.codeless.co/forums/users/moonlightcreation/ but this also did not fix it.
I also tried putting the image into a slider, but since it is only one image, when I loaded the page, the image would appear at the top left side of the page as a black box while it was loading although it did appear the correct size on mobile… so neither option really works.
what am I missing?
here is the website I’m referencing: https://paretomarketingusa.com/
-
Hello,
Please add this code into your custom cs sbox:
@media (max-width: 480px){ .wpb_row.standard_section { background-size: contain !important; }}
Result screenshot. Let us know.
Best regards!
-
This did not work for me. :( Perhaps I am adding it incorrectly? Screenshot here> https://screencast.com/t/EFfxUdkf
-
Nevermind! Figured it out. I deleted part of the code above it when I added this new bit. Got it fixed, Thank you!
-
Is there any way to decrease the space between the image and the button? It displays well on desktop but you have to scroll a ways to get to it on mobile.
-
Hello,
Please add this code:
@media (max-width: 480px){ .vc_empty_space { height: 145px !important;} }
Best regards!
-
You must be logged in to reply to this topic.