grid style on mobile

Highlighted
Tourist
3 0 0

Hello! my shop http://mokudesign.com.ua/ (Brooklyn theme)
I need the collection page on the mobile version to display 4 items on the screen (like this https://nimb.ws/HwXsTv)
Please tell me which code I need to insert to implement this

0 Likes
Highlighted
Pathfinder
117 23 35

@IVAN__PPC Go to the file "product-grid-item.liquid" and add the class "small--one-half" on the main div (the div having classes "grid__item" and "grid-product"). The highlighted class is the new one which you will add.

Screen Shot 2020-09-04 at 6.02.18 PM.png

- Was my reply helpful? Click Like and Accept as Solution
- Want to implement a custom solution? Feel free to contact me at waqas4346@gmail.com
1 Like
Highlighted
Tourist
3 0 0

Done, which next step? Add css selector?
Thank you

0 Likes
Highlighted
Pathfinder
117 23 35

@IVAN__PPC Please add a space after "small--one-half" and it should work.

- Was my reply helpful? Click Like and Accept as Solution
- Want to implement a custom solution? Feel free to contact me at waqas4346@gmail.com
1 Like
Tourist
3 0 0

thank you so much!)

0 Likes