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://www.buddyboss.com/support-policy/