Site logo

Archived topic

Woocommerce (shortcode) column layout

3 replies · Started by Marinex on September 26, 2019

Viewing posts 1–4 of 4

Hi guys, my Woocommerce shortcode on my frontpage does not follow my 1 column (on mobile) setting in the customizer.

Do I have to use CSS to get this working?

Hi there,

try adding this CSS :

@media only screen and (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
        float: none;
    }
}

Wow that works perfectly fine, thanks David.

Glad to be of help - we're aware of the changes Woo has made and we'll be looking at whether we can fix the shortcode not respecting our column controls.

This archived topic is closed to new replies.