**Opdracht: WooCommerce / Divi mobiel layout probleem (CSS fix)** Ik heb een WooCommerce shop met Divi en mijn productoverzicht op mobiel staat niet goed. **Probleem:** * Producten staan links en niet gecentreerd * Rechts blijft lege ruimte zichtbaar * Layout lijkt beperkt tot smalle Divi row (~300px breed) * CSS fixes werken niet goed door conflicten met Divi / WooCommerce / plugin (Variation Swatches) **Wat ik wil:** * Op mobiel (≤767px): * Producten moeten **1 per rij** * Productkaart moet **gecentreerd** * Product moet **volledige breedte (max ~400–450px) gebruiken** * Geen lege ruimte links/rechts * Desktop en tablet moeten **ongewijzigd blijven** **Technische info:** * Theme: Divi * WooCommerce actief * Plugin: Variation Swatches (class: `wvs-archive-product-wrapper`) * Productlijst gebruikt: `ul.products columns-4` (flex layout) **Belangrijk:** * Geen “quick hacks” (zoals left shifts) * Schone oplossing (CSS of Divi instellingen) * Compatibel met Divi responsive system **URL:** https://itsmadeforyou.nl/product-categorie/retro-shirts/shop-retro-shirts-la-liga/ Dit geldt voor hele websites producten moeten naast elkaar --- **Extra (optioneel):** Als bonus: mooie 2-koloms layout voor mobiel zonder dat afbeeldingen klein worden. --- Graag iemand die ervaring heeft met Divi + WooCommerce CSS.