Responsive Image Width

Envision3Marketing

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

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?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Envision3Marketing

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Envision3Marketing

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Envision3Marketing

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