[Rianne van der Kamp]

Hello,

 

I was wandering if it is possible to display 2 rows/ colmuns of products in my woocommerce shop in the mobile version instead of 1 row. I am searching the possibility to chance the settings, but I can not find it.

Is it possible to display 2 rows instead of 1 row of products when people scroll on the mobile version of my website when they are in my woocommerce-shop?

[vako]

Hi Rianne,

 

At first, thank you for choosing our theme and service.

Please navigate to Dashboard > Appearance > Customize > Additional CSS and add the CSS snippet below:

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

.wc-block-grid.has-3-columns .wc-block-grid__products {

background-clip: padding-box;

display: flex;

flex-wrap: wrap;

margin: 0 -8px 16px;

padding: 0;

}

}

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

.wc-block-grid.has-3-columns .wc-block-grid__product {

flex: 100%;

margin-left: auto;

margin-right: auto;

max-width: 46% !important;

padding: 0;

}

}

Kind Regards

[Author]

Posts