brooklyn theme: change collections per row in mobile view

Solved
Highlighted
Excursionist
150 4 20

hi, 

 

is it possible to change the collections per row from 2 to 1 on mobile view for collection pages. 

 

collection template.png

 

 

0 Likes
Highlighted
Shopify Partner
4830 716 1542

This is an accepted solution.

@jtan 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media (max-width:768px) {
#CollectionSection .grid__item {
    width: 100%;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
150 4 20

hi Ketan, 

 

that seemed to work on the home page but didn't i was hoping to have it work on the collection page. 

 

could you please help with this one.

1 Like
Highlighted
Shopify Partner
4830 716 1542

This is an accepted solution.

@jtan Thanks for the update

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file

@media (max-width:768px) {
.grid-product {
    width: 100%;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like