How to Create Two Column Collection Pages on Brooklyn Theme mobile

Solved
KetanKumar
Shopify Partner
20348 2107 7617

@Komronr 

Thanks for url please add this code

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

#CollectionSection .grid-uniform {
    display: flex;
    flex-wrap: wrap;
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Komronr
Tourist
3 0 3

That worked! Appreciate your help @KetanKumar!

KetanKumar
Shopify Partner
20348 2107 7617

@Komronr 

it's my pleasure to help us

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Nikitass
Tourist
13 0 3

Dear Ketan,

Thank you so much for the code, the setting has been applied to collections page and all product page but has not been applied to products in Search results.

Also, in the collection page, the text description of the collection has gone to half the width of the mobile screen. Please assist

Store URL : https://rsrbyritirahulshah.com/

Screenshot_20210707-120844_Chrome.jpg

KetanKumar
Shopify Partner
20348 2107 7617

@Nikitass 

Yes, please add this code

@media screen and (max-width: 768px) {
#CollectionSection .section-header .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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Nikitass
Tourist
13 0 3

Dear Ketan,

Thank you the code worked!

Could you also help with the code for the search section, while keeping the header center aligned

 

Screenshot_20210709-105419_Chrome.jpg

 

KetanKumar
Shopify Partner
20348 2107 7617

@Nikitass 

can you pleas mart in which part do you need center?

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Nikitass
Tourist
13 0 3

Hi,

The content marked in red to be in center and products below to be in two columns.

 

Screenshot_20210709-105419_Chrome2.png

KetanKumar
Shopify Partner
20348 2107 7617

@Nikitass 

its center

KetanKumar_0-1625820790722.png

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes