Brooklyn theme dynamic Recommendations

Solved
CarterSemra
Shopify Expert
33 2 10

Hello friends. In the Brooklyn theme, as seen in the picture, the dynamic Recommendations part looks erratic. How can I make this section a single row 3 column. Thanks.

https://cheese-world-shop.myshopify.com/ password: 12345

Adsız.png

KetanKumar
Shopify Partner
15811 1756 5830

This is an accepted solution.

@CarterSemra 

Sorry, you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

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

#shopify-section-product-recommendations .grid-uniform {
    display: flex;
    flex-wrap: wrap;
    justify-content: 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 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
CarterSemra
Shopify Expert
33 2 10

Can you suggest a solution for mobile as well. One product per line. Thank you so much.

KetanKumar
Shopify Partner
15811 1756 5830

This is an accepted solution.

@CarterSemra 

Yes, please add this code also

@media only screen and (max-width: 590px) {
#shopify-section-product-recommendations .grid-uniform .small--one-half {
    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 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
CarterSemra
Shopify Expert
33 2 10

You are great. Thank you so much.

0 Likes