I'm looking for some help with the number of product thumbnails displayed per row on my store.
I have created a product page which has three thumbnails per row. Currently the three thumbnails reduce to two thumbnails per row when viewed on mobile.
When viewing on mobile, I would like this to change to one thumbnail per row & ideally two thumbnails per row for tablet.
Question
oddthing
Site URL: https://oddthing.co.nz/
Hi there,
I'm looking for some help with the number of product thumbnails displayed per row on my store.
I have created a product page which has three thumbnails per row. Currently the three thumbnails reduce to two thumbnails per row when viewed on mobile.
When viewing on mobile, I would like this to change to one thumbnail per row & ideally two thumbnails per row for tablet.
Is this achievable with custom css?
Thanks for your help in advance! 🙂
Edited by oddthingLink to comment
Top Posters For This Question
4
6
1
1
Popular Days
Apr 20
3
Jul 18
2
Apr 21
2
Apr 17
1
Top Posters For This Question
oddthing 4 posts
tuanphan 6 posts
blackst0nes 1 post
sarahjane95 1 post
Popular Days
Apr 20 2020
3 posts
Jul 18 2020
2 posts
Apr 21 2020
2 posts
Apr 17 2020
1 post
Popular Posts
tuanphan
Add to Home > Design > Custom CSS @media screen and (max-width:640px) { .ProductList-grid .ProductList-item { width: 100% !important; } .ProductList-grid .ProductList-item img { widt
tuanphan
@media screen and (max-width:900px) and (min-width:641px) { .ProductList-grid.clear { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-column-gap: 5px; } }
Posted Images
12 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment