Two collumn layout Woocommerce

  • Hi,

    I have red the topics about the to add css code to get two colums grid for the Woo shoppages on mobile. But the css codes on this forem does not allign the products that nice. On the left there is a gap what is also visable on the one column layout and on the right there is an overlay.

    Can this please be fixed in a Proteo-update? And what is the best css code to get this done without overflow or not centered?

    Thank you!

Viewing 1 replies (of 1 total)

  • Hi,
    try adding this custom css

    @media only screen
and (max-width : 767px) {
.woocommerce ul.products.columns-4 {
  display: block;
}

.woocommerce ul.products.columns-4 li {
  float: left;
  width: 50%;
  padding: 0 10px;
}
  
 .woocommerce ul.products.columns-4 li:nth-child(2n+1) {
    clear: left;
 }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Two collumn layout Woocommerce’ is closed to new replies.