Woo Commerce grid leaves blank spaces at certain widths

[bruceburgoyne]

Hello,

WooCommerce is displaying strangely in grid view on Firefox and Edge. At certain (on the smaller side) screen widths, the rows that should display four products skip between one and three items, leaving gaps in the grid.

Please see attached for an explanation.

One of the URLs is https://www.tastytubs.co.uk/product-category/american/page/2/ , but it does seem to happen across the shop. I’ve been using the FF inspector, and if I fix it in one place, it seems to break in others.

I’d really appreciate some help with this please!

Thanks guys,
Soph

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi Soph,

Can you disable your child theme and clear the cache, please then re-test.

If that yields no results, please leave the child theme deactivated whilst we take a look.

Thanks.

[bruceburgoyne]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

The latest updates probably changed some of the parent theme templates you are using in the child theme.
https://www.dropbox.com/s/30eukmq7qlxi1n6/Screenshot%202017-04-28%2017.27.51.png?dl=0

You need to compare the differences between them and copy changes across.
Doing modification in a child theme is the best practice possible, and there is no workaround when a template changes it needs to be adapted to copy the changes across.

-Rui

[bruceburgoyne]

This reply has been marked as private.

[David Martin – Support]

Hi Soph,

I do not know what changes you have made, but broadly speaking it would likely be: archive-product.php

[bruceburgoyne]

Great, thank you.

Soph

[Rui Guerreiro – SUPPORT]

No problem. Thanks David.
-Rui