CLS Issues Woocommerce Product Gallery

Awesome David, that CSS fixed the content loading on the right. However, now the content area is jumping upwards a bit before the product gallery loads (link attached). Any ideas on how we can fix that? Appreciate the extensive help!

Kind regards

Woo is a pain lol - they output the thumbs without dimensions. Could try some CSS like this:

.woocommerce div.product div.images .flex-control-thumbs {
    min-height: 84px;
}

Aha great, applied the CSS and I think we're 90% good now. There's still a little jump on the content area but if we can't get that fixed no biggie, it's minimal now. Thanks again!

Hello David,

Can I now remove this code since GP 2.0 is released?

Thank you. Adrien

Hi there,

I'm not sure what you're pertaining to. Check the changelog of the new patch to see if your concern is addressed. https://generatepress.com/introducing-the-gp-theme-builder/