Mobile change images per row

Solved
sindilane
Tourist
5 0 1

Hey guys,
I have a problem and can't find a solution for it: On desktop I have 4 images per row on my homepage, but on mobile it is just 1 per row. But I want to have 2 per row on mobile. Does anyone know how to change that?
The shop isn't published yet. Do you need access for that?


Thank you very much!Bildschirmfoto 2022-05-25 um 14.03.42.pngBildschirmfoto 2022-05-25 um 14.03.23.png

Accepted Solution (1)
suyash1
Shopify Partner
8268 1020 1341

This is an accepted solution.

@sindilane - please add this css to the very end of your theme.min.css file and check, should look like screenshot below

@media screen and (max-width:749px){
.gallery .grid{display: flex;     flex-wrap: wrap;}
.gallery .gallery-item{width: 50%;}
}

 

suyash1_0-1653483713519.png

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly

Support me 🙂

View solution in original post

Replies 4 (4)
suyash1
Shopify Partner
8268 1020 1341

@sindilane - can you please share preview link of the site? or password to view this page? if you want to keep private then you can DM or email the password.

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly

Support me 🙂
sindilane
Tourist
5 0 1

Here is the preview link: https://k0sfvenpt8mnddgm-63530041561.shopifypreview.com
Regards!

suyash1
Shopify Partner
8268 1020 1341

This is an accepted solution.

@sindilane - please add this css to the very end of your theme.min.css file and check, should look like screenshot below

@media screen and (max-width:749px){
.gallery .grid{display: flex;     flex-wrap: wrap;}
.gallery .gallery-item{width: 50%;}
}

 

suyash1_0-1653483713519.png

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly

Support me 🙂
sindilane
Tourist
5 0 1

Omg it worked, thank you very much!