Media Grid on Mobile

Store Design
, ,
1

Hello,

My media grid looks good on desktop, but on mobile I want it to stack into 1 column not 2 columns like this.

https://www.winegirly.com/products/2024-womens-bag-large-capacity-journey-multifunction-backpack-with-shoe-storage-multilayer-dry-and-wet-separation-waterproof

VoyaTravel_0-1725061067999.png
VoyaTravel_0-1725061067999.png1407×654 206 KB

1 Like
2

Hi @VoyaTravel ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

That helped! it stacked them, but its cropping the images, how do i make square as the images are squares?
Thank you.

VoyaTravel_0-1725163429443.png
VoyaTravel_0-1725163429443.png615×888 232 KB

1 Like
4

Hi @VoyaTravel ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like