Re: Mobile change images per row

sindilane · ‎05-25-2022

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!

suyash1 · ‎05-25-2022

@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%;}
}

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

suyash1 · ‎05-25-2022

@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.

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

sindilane · ‎05-25-2022

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

suyash1 · ‎05-25-2022

@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%;}
}

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

sindilane · ‎05-25-2022

Omg it worked, thank you very much!

Re: Mobile change images per row

How can I alter the number of images per row on mobile view?

Community Blog Articles