Display 2 columns for products in mobile

You can customize WooCommerce plugin products and display 2 columns in 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;
}
}