Responsive image scaling

Permalink Browser Info Environment
I have four smaller images on our home pagehttp://www.lotusfoods.com . When I view on the phone or drag the browser window left the responsiveness works but the way the images fill their space breaks down. I have tried various ways of inputing the images into these spots and I still have a challenge getting them to fill the space when viewed on a phone or tablet width. I have also tried to set the max width to being larger but then the images come out of their containers.

Anyone have a solution to this? Is there a way to call a different size image as the page scales or when it is viewed on a different device?

Thank you.

Type: Discussion
Status: New
aphotographycompany
View Replies:
formigo replied on at Permalink Reply
formigo
Hi there.

Images are responsive by default when using this theme. Quickly looking at your markup, you appear to have a lot of styles applied in line and in third party style sheets, I would imagine there is something within there breaking it.

I would say the offending piece of code is:

<div class="imagebanner" style="width:270px;">

Removing the width would potentially solve your issue.

Thanks
formigo replied on at Permalink Reply
formigo
Hi there.

Images are responsive by default when using this theme. Quickly looking at your markup, you appear to have a lot of styles applied in line and in third party style sheets, I would imagine there is something within there breaking it.

I would say the offending piece of code is:

<div class="imagebanner" style="width:270px;">

Removing the width would potentially solve your issue.

Thanks

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.