How Do I Get My Store To Show Collections With 2 Products Per Row

Store Design
1

Hi, my store nixxy.shop - currently showing only one product per row on mobile on collection pages.

What should I do to show 2 products per row in mobile view?
I read a lot about the topic, but none of the suggestions work with my theme - Berlin.

Thaks!

2

@StoyanStoyanov
Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

3

https://nixxy.shop/

4

hi @StoyanStoyanov
Its SideNode! We will be happy to help you today.

Use this css in your Component-card.css

@media screen and (max-width: 769px) {

.collection-product   .collection-product-list {
grid-template-columns: 1fr 1fr!important;
}

.collection-product   .collection-product-list  .collection-product-card  .card-wrapper  .card__link  { 
padding: 10px;
height: fit-content;
min-height: auto;
}

.collection-product   .collection-product-list  .collection-product-card  .card-wrapper   .quick-add__label {
font-size: 12px;
}
.collection-product   .collection-product-list  .collection-product-card    .card-wrapper    .button--primary span svg {
width: 10px;
}

}​

Let me know if need further assistance
Regards,
SideNode

5

It works!
Thank you very much

1 Like
6

Hey, could you help me too? I want to have 2 products in a row on mobile for the product tab on my Homepage. https://anifabrix.com/