Cross-selling Products are Truncated At Checkout

Hi

Whenever I add a product, then proceed to checkout screen. The products that are suggested (cross-selling), becomes truncated on the left column. Please visit my site, add a product then go to the checkout screen to see what I am talking about.

Thanks!

http://artofdecor.org

Hi,

Please try these CSS code to fix the issue:

@media only screen and (min-width: 769px){
  .woocommerce-page:not(.single) ul.products li.product, .woocommerce:not(.single) ul.products li.product {
    width: 43%!important;
  }
}

You can add the code to: Customize > Additional CSS.

Regards,
Awan

Thanks!

The code fixed the original problem, but it develops a new issue with the latest products screen on the homepage.

It now truncates the latest products slider.

Hi,

Please try these CSS code instead:

@media only screen and (min-width: 769px){
  .woocommerce-cart ul.products li.product {
      width: 43%!important;
  }
}

Regards,
Awan