Responsive Image Width

Envision3Marketing · January 2017

Hello Support,

Having an issue with images not floating correctly. In my page at http://dev1.jonbenditz.com/about-us/mission/, I have two columns. On the left column, there are two images at the bottom set to 1/2 each. On the right column the image is 1/1. But when in mobile, the 1/2 if not holding correctly for the two images on the left.

Thank you,

Jon

Albert · January 2017

Hi Jon,

we see what you mean but what you would like to do with those 2 images on the left on mobile? Do you want to make them wider on mobile or what?

Envision3Marketing · January 2017

Good morning! I would like to see the two images go side by side. I would think that if they are both in 1/2 width, that going to mobile they would be 1/2 width.

Albert · January 2017

So the images you are using are too small and if you want to display them bigger on mobile, you need to upload bigger images. Also, you need to set same wrap padding for both (left and right) because right now you set it for one of the only. Please notice that images are always being displayed one per row on mobile devices and we did never had an option to display them different.

Envision3Marketing · January 2017

Oh okay, so even though they are in the 1/2 width, they won't go side by side? That's how i mainly want them to line up.

Albert · January 2017

Yes, even then because responsive uses own grid and settings and the images in responsive mode always display one per row.

Envision3Marketing · January 2017

Okay thank you, I will have to try and find something to work around then.

Responsive Image Width

Comments