Hello Antwin Grevengoed,
By default, on the desktop screens, the products will be displayed in two or more columns. You can adjust the number of columns in X > Theme Options > WooCommerce > Shop. On smaller screens, the columns will automatically collapse into one column only. To display two columns in small screens, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)
@media (max-width: 480px){
.woocommerce .cols-2 li.product, .woocommerce .cols-3 li.product,
.woocommerce .cols-4 li.product, .woocommerce.columns-2 li.product,
.woocommerce.columns-3 li.product, .woocommerce.columns-4 li.product {
width: 48%;
}
.woocommerce .cols-3 li.product.last,
.woocommerce .cols-4 li.product.last,
.woocommerce.columns-3 li.product.last,
.woocommerce.columns-4 li.product.last {
margin-right: 4%;
}
.woocommerce .cols-3 li.product:nth-child(2n+2),
.woocommerce .cols-4 li.product:nth-child(2n+2),
.woocommerce.columns-3 li.product:nth-child(2n+2),
.woocommerce.columns-4 li.product:nth-child(2n+2) {
margin-right: 0;
}
}
We would love to know if this has worked for you. Thank you.