Products in 2 columns on mobile view

[Dainesy]

Hi, i’ve been searching for a solution to have my products display in 2 columns in mobile view. I’ve tried adding css from several solutions posted but nothing seems to be working. Would you be able to assist please? my url is https://www.yumyumsweets.shop

[ruenel]

Hello There,

Thanks for posting in! By default, the product columns will collapse into one column when viewed in smaller screens. If you want to force it and display 2 columns, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

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

We would loved to know if this has work for you. Thank you.

[Dainesy]

Hi, that worked perfectly thank you. The support here is second to none! Great work guys

[thai]

You’re welcome.