Reply To: CSS for Woocommerce

Ok, just got it fixed. I made a small update a while ago for all my WooCommerce themes and forgot to upload the one for Optimal. You can download version 1.5.1 with the fix in the WooCommerce CSS file. You could just swap out the CSS file for the new one, or you can just edit the file directly if you want. Here is the code that fixes it (I added it to the very bottom in the new CSS) –

@media screen and (max-width: 767px) {

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 48%;
	}

	ul.products li.product:nth-child(2n) {
    	margin-right: 0 !important;
 	}

}

There were some other minor adjustments I made as well, but it wasn’t anything major. You can use this to see if those changes are worth it or not – https://www.diffchecker.com/

If you haven’t made adjustments to this CSS file, then I’d just swap it out with the new version.

Let me know if that helps.