Shop Products - Columns List not working proper

Xenobier

Hello,

I try to use Shop Products - Columns List and it's working on desktop or tablete but on mobile dosen't keep the list format.

Any advice about what can I do?

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

It is always a good idea to also attach a screenshot showing your issue.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Xenobier

On mobile is like this:

I want it like this on mobile too, not just on desktop:

Phil

Please always attach a link to your website. It helps provide faster and more direct solutions.

Anyway, try to use the following CSS code:

@media only screen and (max-width: 767px){
   .woocommerce ul.products.columns-1 li.product{
      display: flex!important;
   }
   .woocommerce ul.products.columns-1 li.product .desc{
      width: 67%!important;
   }
   .woocommerce ul.products.columns-1 li.product .mfn-li-product-row-image{
      width: 33%!important;
   }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next