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, .woocommerce-page ul.products {
--pix-products-grid-columns: 2;
}
}

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, .woocommerce-page ul.products {
--pix-products-grid-columns: 2;
}
}