/* 1. Force the main widget wrapper to span edge-to-edge */ .md-products-loop, .md-products-loop .elementor-widget-container, .md-products-loop .jet-woo-products-wrapper { width: 100% !important; max-width: 100% !important; } /* 2. Target the actual modern WooCommerce grid container */ .md-products-loop ul.products, .md-products-loop .products.jet-woo-products { display: flex !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; gap: 0px !important; /* Adjust if you want spacing between columns */ } /* 3. Perfect 4-column math across the parent container */ .md-products-loop ul.products li.product { width: 25% !important; max-width: 25% !important; flex: 0 0 25% !important; box-sizing: border-box !important; padding: 16px !important; margin: 0 !important; } /* 4. Ensure Template 1775 scales neatly inside its 25% column */ .md-products-loop li.product .elementor-1775 { width: 100% !important; max-width: 100% !important; }
Skip to content