Change Archive Loop Default Layout Column Count

Written by the Divi Engine Documentation Team

By default, the default WooCommerce product grid layout in the Product Loop module forces a 1 column layout on mobile. The below CSS will change this to be 2 columns. You can adjust the values "2" as required for your column count. You could also extend this for any screen size by adjusting the media query. Simply paste the below CSS in the Divi Theme Options and away you go!

More Support?

Please email us at [email protected] if you are unable to get Divi BodyCommerce working.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.