Many pages like this one have the products misaligned and I'm having trouble figuring out why: https://livfeclothingco.com/collections/all?page=2
If anyone could shed some light it would be much appreciated. This is my first time posting so if additional info is needed such as the code, please let me know.
It's because the height of the product thumbnail containers varies, and your theme isn't properly "clearing" the row.
For example if I add a CSS rule clear: both like this, it aligns the row like you'd expect:
To solve this, you can use the liquid cycle iteration.
You would skip the first thumbnail then apply the class to every 3rd item.
Then in CSS, create a rule that applies to desktop size where that class executes the clear: both.