Display 2 Products Per Row with Elementor

This is only applicable if you are using a WooCommerce Elementor widget

By default, the platform does not have this option. You can use the following CSS code.

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

@media (max-width: 767px) {
    .woocommerce-shop .elementor-widget-container {
        max-width: unset;
        width: unset;
    }
}

@media (max-width: 480px) {
    .woocommerce-shop #content .elementor-element.elementor-products-grid ul.products.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/