I need help with the alignment issue. my product cards are not aligned. Here’s a quick look:
url: trendlabb.com
I already asked this question and got the solution. I applied this code:
a.product__card-title–link {
display: -webkit-box !important;
-webkit-line-clamp: 2; /* Maximum 2 lines */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.swiper-slide {
height: auto !important;
}
it works though a few of my products are still not aligned. on mobile view, it looks horrible due to uneven alignment. help