Display 2 columns for products on mobile and tablet

On Mobile

You can customize WooCommerce plugin products and display 2 columns on mobile by adding this custom css code via the Theme options > Layout > Advanced > Custom css:

@media (max-width: 692px) {
.woocommerce ul.products[class*=columns-] li.product.type-product, .woocommerce-page ul.products[class*=columns-] li.product.type-product {
width: 48% !important;
}
}

On Mobile & Tablet

You can customize WooCommerce plugin products and display 2 columns on mobile and tablet by adding this custom css code via the Theme options > Layout > Advanced > Custom css:

@media (max-width: 992px) {
.woocommerce ul.products[class*=columns-] li.product.type-product, .woocommerce-page ul.products[class*=columns-] li.product.type-product {
width: 48% !important;
}
}