Brooklyn Theme mobile collections layout

Solved
Ernest0706
Tourist
24 0 8

Hello, I would like to request some help. I am using Brooklyn theme, and I noticed that the collection pages will dynamically change the items per row, depending on the size of the browser, or the type of device. Is there a way  to always display 2 items per row? 

Store link: https://ej-story.com/

Password: moclul

attached is some screenshots to better explain my request, thanks so much.

 

Mobile shows only 1 item per rowMobile shows only 1 item per rowDesktop regular window size shows 2 items per rowDesktop regular window size shows 2 items per rowDesktop maximised window shows 3 items per row 3Desktop maximised window shows 3 items per row 3

 

 

 

 

UmairA
Shopify Partner
872 85 173

This is an accepted solution.

Hi there @Ernest0706,

Add the following code to your theme.css file at the bottom

.grid-uniform .medium--one-half {
    width: 50% !important;
}

 

Hope it helps.

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
Ernest0706
Tourist
24 0 8

Hello @UmairA

Your code works, thank you very much. Good day to you.

0 Likes
UmairA
Shopify Partner
872 85 173

Hey again @Ernest0706,

Glad it helped you. You are always welcome!

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes