[Resolved] WooCommerce gallery images take two rows when pictures would fit in one

[Christine]

See attached link.

Why are the gallery images taking up two rows when the photos would fit in one? I don’t know if is the way it’s supposed to be or not, but it would look better if they took up the whole width of the featured photo, and only went onto two rows when it needed more space.

[David]

Hi there,

try adding this CSS:

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
}

[Christine]

Ah, much better! Thank you!

[David]

You’re welcome

[Author]

Posts