Sidebar

[lucaluca]

Hi guys, I’ve got a question: is it possible to remove the left-sidebar in order to show only 3 products x each row, with more space beetween the products. I know that your theme offer the possibility to display products without sidebar, but with 3 products each raw the size of the image of each product is bigger than the actual. What I’d like to do is showing 3 products each row, with this size of the image ( https://www.montenapoitaliancouture.com/categoria-prodotto/uomo/ ) but without the left sidebar, this EXCLUSIVELY on DESKTOP version.

Thank you.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[lucaluca]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.tax-product_cat .has-left-sidebar aside.sidebar {
    display: none;
}

@media (min-width: 768px) {
  .tax-product_cat .col-sm-9 {
      width: 100%!important;
  }
}

.tax-product_cat.woocommerce ul.products li.product.col-sm-4 {
    width: 25%!important;
}

-Rui

[lucaluca]

This reply has been marked as private.

[David Martin – Support]

Hi,

What is the URL? Can you set the code so we can see the issue?

Thanks.

[lucaluca]

This reply has been marked as private.

[David Martin – Support]

There is not really an easy way to do this without a full paid customisation request.

Try:

.tax-product_cat .has-left-sidebar aside.sidebar {
    display: none;
}

@media (min-width: 768px) {
  .tax-product_cat .col-sm-9 {
      width: 100%!important;
  }
  .tax-product_cat .col-sm-push-3 {
    left: auto !important;
}
}

.tax-product_cat.woocommerce ul.products li.product.col-sm-4 {
    width: 25%!important;
}
.tax-product_cat.woocommerce ul.products li.product {
    margin: 0 50px !important;
}