Home Page - 2 rows on featured collection (mobile)

Home Page - 2 rows on featured collection (mobile)

StoreHelpNeeded
Excursionist
50 0 10

Hello guys, could anybody please help me create a code to display 2 rows of products in the featured collection on my Brooklyn theme home page without messing up the layout? Currently, only one row is showing. I already have this on my collections page, but I need this on my homepage too. Site: shopcutify.com

Replies 2 (2)

kazi
Shopify Partner
582 88 110

@StoreHelpNeeded  which section do you mean?

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

PageFly-Richard
Shopify Partner
4439 1016 1669

 

Hi @StoreHelpNeeded 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 

 

<style>
@media(max-width: 767px) {
.index-sections #CollectionSection .grid-uniform{

    display: flex;
    flex-wrap: wrap;
}
.index-sections #CollectionSection .grid__item {
width: 50%;
}
}
</style>

 

 

PageFlyRichard_0-1718758636477.png

 

Additionally, while investigating the issue, I found a suggestion that could enhance customer trust in your product.

 

PageFlyRichard_1-1718758259942.png

You might consider adding a Review Testimonials section below this area.

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.