ccannes replied
Customer Reply
Never mind, I figured it out! Thanks so much for your help :)
Public Ticket #10367
Mobile Responsive Images
Conversation thread
ccannes replied
Customer Reply
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
PenciDesign replied
Staff Reply
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
ccannes replied
Customer Reply
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 :)
ccannes replied
Customer Reply
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
PenciDesign replied
Staff Reply
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
ccannes started the conversation
Conversation Start
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 :)
Want to join this conversation or access attachments? Sign in first.
