Hello, on my home page I have two images that run the full width of the page. They have their own container in WP Bakery/VC. But when I view them on my mobile, the images are not responsive. How do I edit this to make them responsive? Thanks :)
If you mean about the height of the section doesn't change on mobile - it caused by you've set for the row contains the image is full height. That make it can't change the height for mobile. Let's change it.
Also, you can add more this code to Customize > Custom CSS to make your facebook chat box display better:
Thanks for your reply. And for the facebook chat css :) But how do I make the image size responsive without losing the full width? Is that possible? Thanks, Christina
Hello, on my home page I have two images that run the full width of the page. They have their own container in WP Bakery/VC. But when I view them on my mobile, the images are not responsive. How do I edit this to make them responsive? Thanks :)
Hi,
As I see your image is responsive: http://prntscr.com/q6wnuh It's resized.
If you mean about the height of the section doesn't change on mobile - it caused by you've set for the row contains the image is full height. That make it can't change the height for mobile. Let's change it.
Also, you can add more this code to Customize > Custom CSS to make your facebook chat box display better:
.fb_iframe_widget span iframe[class*="fb_customer_chat"] { width: 288pt !important; }Best Regards,
PenciDesign
Thanks for your reply. And for the facebook chat css :) But how do I make the image size responsive without losing the full width? Is that possible? Thanks, Christina
For example, I want the image of the beach and the LIMITLESS flyer image to be responsive like the header slider is on mobile. Thanks :)
Hi,
1/ Because the facebook chat message has fixed the width, so if I change it to full, it will get cut off. So, let it be is best solution.
2/ If so, let's set background image for that row and change padding for row to change the height - don't use image anymore.
Best Regards,
PenciDesign
Hello, thanks for your reply, but I don't understand what you mean:
2/ If so, let's set background image for that row and change padding for row to change the height - don't use image anymore.
Can you please explain a bit more?
Thanks
Christina
Never mind, I figured it out! Thanks so much for your help :)