cancel
Showing results for 
Search instead for 
Did you mean: 

How can I make images appear side by side on mobile

How can I make images appear side by side on mobile

Hi, 

 

I've created a new page and added images to it, but on mobile they appear one underneath the other like Screenshot 1. I'd like them to appear side by side like Screenshot 2. Does anyone happen to know how I can make this happen?

 

Screenshot 1

IMG_5261.PNG

 

Screenshot 2

IMG_5262.PNG

 

Thanks,

 

Mel

2 REPLIES 2

Re: How can I make images appear side by side on mobile

Hello @melanie_giblin,

The images are not visible. I hope it will take some time to approve images.

You can provide extra width to div and overflow scroll css property.

If you want to show the images in the carousel form, where images are shown one after another. Then please refer the following link: https://magento.stackexchange.com/questions/267319/owl-carousel-for-custom-them-for-magento-2-2-4

If this helps you, please accept it as solution and give kudos.

Regards.

Re: How can I make images appear side by side on mobile

Hi @Sarvagya Pandey 

 

It may be easier to wait until the images are visible so you can see exactly what I mean. It's not carousel form but two images side by side per row rather than one image per row. 

 

Thanks,

 

Mel