How to make Mobile Images Per Row Different Than Desktop

Shopify Discussion
1

Hello,

I have a problem and can’t find a solution for it: On desktop I have 4 images per row on my product page, 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?

in the dolls out in the world gallery:

https://www.mypaperdolls.com/products/my-paper-dolls?variant=

2

Hi @GraceCooke

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

Result:

theycallmemakka_0-1702449603936.png
theycallmemakka_0-1702449603936.png495×595 288 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
3

You are the best! thank you!!!