Brooklyn Theme - Customize Grid View Configuration to 3 and 1 column for 4 products

Highlighted
New Member
3 0 0
Hi

I'm new to shopify and help is much appreciated. I'm using Brooklyn theme.

On my home page, i have a collections section displayed. I want to expand the forth product to fit under my first 3 products. 

How do i do that? Coding experts welcome! :) xx

I’ve included my website www.sixsidedcrystal.com
0 Likes
Highlighted
Shopify Expert
1327 110 180

Please Share  a store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
3 0 0
Thanks @Perennial . It’s www.sixsidedcrystal.com 🙏🌟
0 Likes
Highlighted
Shopify Expert
1327 110 180

Hi @SixSidedCrystal,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.css->paste bellow code in bottom of file
.grid__item.grid-product.medium--one-half.large--one-third:last-child {
width: 100%;

}

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
3 0 0

@Perennial 

 

Thank you for your prompt response. I loved how it is centered! 

 

How do we expand / stretch it so it sits under the entire 3 columns above it?

 

Thank you!  

ask shopify 2.png

0 Likes