Display 2 products & 2 categories per row on mobile

Hey there, @theia777! Thanks for contacting us. I’m happy to help you.

You mentioned you already tried a lot of codes from other threads, right?

Have you checked this one?

Please let us know how it goes ??

Have a wonderful day!

Yes I checked that one and then just tried both examples on that thread a second time to double check, flushed cache, still no luck.

I did some more searching and found a solution. Note that I decided to go with 1 column display on mobile instead of 2 while keeping the desktop version at 4 columns. Here’s the code:

@media (max-width: 767px) {
.woocommerce ul.products li.product {
width: 100% !important;
}
}

Hello @theia777,

It’s great to hear that you’ve found a solution and thank you for sharing it with the community.?This might help other users with the same issue.

Please let us know if there’s anything else we can do to help or if you have any questions.

Cheers!