Archived topic

Gutenberg product column

1 reply · Started by Pedro on February 13, 2019

Viewing posts 1–2 of 2

February 13, 2019 at 1:59 pm #809726

Hello! In my shop I have it configured so that in the pages of the store (WooCommerce) there are 2 columns in the mobile version.

For the home page, and others, I used Wordpress gutenberg. The problem is that in these pages I show the products in 1 column, not 2 as I have configured in GP Premium. (mobile version)

Can you help me? Thank you!

February 13, 2019 at 5:58 pm #809834

Hi there,

Give this a shot:

@media (max-width: 768px) {
    .woocommerce[class*=columns-] ul.products li.product {
        width: 48%;
        float: left !important;
        clear: both;
        margin: 0 0 2.992em 2%;
    }
}

Let me know :)

This archived topic is closed to new replies.

Start building better websites today.