Gaps in product display and inconsistant spacing

Do you have a minify plugin? Perhaps you could deactivate that temporarily to make sure its not affecting the style sheets adversely.

I do have W3 Total Cache and when I deativate it, or just turn off the minify option, the shop page only displays 2 columns instead of the 3 specified in the theme option. Strange!

I see 3 columns and the page layout looks good. Did you clear your browser cache?

That’s odd – I’m still seeing 2 columns not only after clearing cache but also on a different PC.

I can see 3 columns in Chrome … and 2 in IE11. Probably the columns are just a bit too wide at 31.5% for IE. Try this in your custom css:

.woocommerce .prod_num_row-3 ul.products li.product,
.woocommerce-page .prod_num_row-3 ul.products li.product
{width: 31%}

If the columns still don’t fit reduce the 31% a little bit more.

That does seem to have sorted it, thank-you very much lorro!

I reduced the columns to 30% and all was well but then turned minify caching back on and the spaces reappeared then disappeared when I turned it off again so it can stay turned-off.

Nik

Yes, I’ve noted a small number of others on here have found that minify can make very small adverse alterations to styling. There are several other minify-type plugins to try. In your case your site loads fast enough to my perception.