Product list jumps on load

[Sean]

Any ideas as to why the product information jumps when it firsts load? I think it’s related to how multiple images are in the markup but only one is shown. I’m not sure why there are two either when I only have one image for each product.

http://springrates.com/shop/

[Kyle – SUPPORT]

Hi

Yes it’s because the JS works out the height of the image then set’s it as padding, if you add this to your custom css it should fix it

.woocommerce ul.products li.product figure {
padding-bottom: 202px;
}

– Kyle

[Sean]

Thanks, but that only fixes it at the widest breakpoint right? Not all the way down to mobile?

[Kyle – SUPPORT]

Yes, theres nothing we can do about that, we use JS to work out the size of your images, and depending on how fast your server is there will be a slight pause whilst it gets worked out. The css I provided you above is the amount of padding that is added on desktop

– Kyle