Docs

[Sandie]

Hi,

I wonder if you can help me what to do to get my WooCommerce store to look better. Right now I get one product covering the whole screen, so it takes a while to scroll down all the products and it’s hard to navigate for my customers.

So I would like it to look something like this: http://prntscr.com/enshxq

You can find my store on page: https://youpheal.com/webbutik/

Please advice me what to do to best achieve a similar result.

Thanks!

Best Regards
/Sandra

[Paul R]

Hi Sandra,

To achieve that, you can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 480px) {
.woocommerce .cols-2 li.product, .woocommerce .cols-3 li.product, .woocommerce .cols-4 li.product, .woocommerce.columns-2 li.product, .woocommerce.columns-3 li.product, .woocommerce.columns-4 li.product {
    width: 48%;
}
}

Hope that helps.

[Author]

Posts