Woocommerce shortcode problem

Hi, i’ve a problem using woocommerce shortcode, i tried to use this one:

    [products columns="3" products limit="9"  on_sale="true"]

but it doesn’t display the columns, i solve it adding this css:

    .woocommerce.columns-3 .products .product {
        position: relative;
        width: 31%;

now there’s the columns but the products are arrenged only in the first one as the pic below

Hello there,

It looks likely there should be CSS code update in Leto to address that issue. At the mean time, try adding this CSS code:

@media only screen and (min-width: 768px) {

  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product {
      width: 29.4117647059%;
      float: left;
      margin-right: 3.8%;


The permanent fix will come in the next version update. Sorry for the inconvenience.


Thank you so much Kharis you made my day!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.