search

PrestaShop / hummingbird

77 stars 73 forks source link

Variants display problem on product page #559

Closed ash-f closed 3 months ago

ash-f commented 10 months ago

This style results the variants attached each other without any spaces. Which not looking good and hard to read. also it doesn't wraps when they are many.

.page-product .product__variants .variant ul {
    align-items: center;
    display: flex;
}

So it should be something like this.

.page-product .product__variants .variant ul {
    align-items: center;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
tswfi commented 8 months ago

Can you explain how to replicate this?

I don't see anything strange with the variants

image

florine2623 commented 5 months ago

@ash-f , could you explicit your issue ? add screenshots ?