How to Create Two Column Collection Pages on Mobile - Brooklyn Theme

Solved
Novaque
New Member
2 0 2

Hi,

I am trying to change all of my collection pages (both on the homepage and all other pages) to have two columns on mobile.

I am using the Brooklyn theme but am unsure on what code needs to be changed/added to make the change.

If anyone could help, it would be greatly appreciated.

Site link - https://artizra.myshopify.com

KetanKumar
Shopify Partner
17292 1871 6462

This is an accepted solution.

@Novaque 

sorry for this issue, 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.

@media only screen and (max-width: 768px) {
#CollectionSection .medium--one-half {
    width: 50%;
}
}

 

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
0 Likes
Novaque
New Member
2 0 2

Thank you! Works perfectly.

KetanKumar
Shopify Partner
17292 1871 6462

@Novaque 

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 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
0 Likes