Brooklyn theme: Change a subset of collections per row in mobile view

Solved
Highlighted
Tourist
5 0 5

Hi, is it possible to change the the subset of collections per row in mobile view?

 

I changed a subset of collections in a page following this instructions.

Collection - Feature a subset of collections on a page

https://community.shopify.com/c/Shopify-Design/Collection-Feature-a-subset-of-collections-on-a-page/...

スクリーンショット 2020-10-27 21.02.34.png

1 Like
Highlighted
Shopify Partner
9252 1179 3248

Hello, @rose33 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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
Tourist
5 0 5

Hi Ketan, thanks for your help. 

https://www.amalaworld.com/pages/wines

 

1 Like
Highlighted
Shopify Partner
9252 1179 3248

@rose33 

Thanks 

i can see per row 2 on mobile

KetanKumar_0-1603802025794.png

so what do you want exctaly?

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
Tourist
5 0 5

Could you change it per row from 2 to 1 on mobile view? Thanks.

1 Like
Highlighted
Shopify Partner
9252 1179 3248

This is an accepted solution.

@rose33 

Yes, please add this code 

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

 

.collection-collage__item.one-half {
   width: 100%;
}
@media screen and (max-width: 640px) {
.collection-collage__item.one-half {
    height: 200px;
}
}

 

 

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
Tourist
5 0 5

Wow, amazing!!! Thank you so much!!!

That was much better than I had imagined. Could you make it in pc view too? 

1 Like
Highlighted
Shopify Partner
9252 1179 3248

This is an accepted solution.

@rose33 

Thanks 

yes, sure i have update my code can you pleae again update

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
Tourist
5 0 5

Great!! 

Thank you so much, Ketan!!

 

1 Like
Highlighted
Shopify Partner
9252 1179 3248

@rose33 

Thanks for update and support.

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