Woocommerce (shortcode) column layout

[Marinex]

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?

[David]

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;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marinex]

Wow that works perfectly fine, thanks David.

[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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts