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;
}
}