This topic has 2 replies, 2 voices, and was last updated 1 weeks, 5 days ago ago by Tony Rodriguez
i have added ajax product tab and it’s working okay but the problem is that the layout is not equal
Hello, @Misbah Badshah,
Thank you so much for purchasing our theme and contacting our support center.
Please add the next custom CSS code in XStore > Theme Options > Theme custom CSS > Global CSS
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
display: flex;
justify-content: center;
}
.products-loop .ajax-content, .products-loop {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.content-product {
flex-direction: column;
justify-content: space-between;
display: flex;
flex: 1;
}
.content-product .quantity-wrapper {
margin-right: auto;
margin-left: auto;
}
.swiper-container {
display: flex;
align-items: stretch;
}
.product-slide .product {
display: flex;
height: 100%;
}
.swiper-wrapper {
height: auto;
}
We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.
Best regards,
8Theme’s Team
You must be logged in to reply to this topic.Log in/Sign up