Woocommerce Grid to 2 col on mobile

[visible]

I'm trying to get the product catalog to fold into 2 columns from three on mobile which I have done with css but some products do not fit into two columns at 45% width. Is there something that forces product into a certain amount of columns in woocommerce php that does this?

[H.K. Latiyan]

We use bootstrap grid on the shop page which forces the width. You need to add "col-xs-6" class on the product. For this you need to use a blank child theme and create a woocommerce folder and inside it create a content-product.php file and copy the same file from the default theme and paste it in the child theme. Now just add the class, refer: http://prntscr.com/dmk345

[Author]

Posts