Hi,
This topic has 3 replies, 2 voices, and was last updated 4 years, 6 months ago ago by fulya
Hi,
Hello,
1) Try to add the next code in Theme Options > Theme custom 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;
}
Also, go to Theme Options > WooCommerce > Shop > Shop page layout > Products Masonry > Off
2) Theme Options > Header builder > Multiple headers. If you have a few headers, compare their settings. https://youtu.be/BpeXfzNwkOc
Regards
Hi,
2) Theme Options > Header builder > Multiple headers.
I only have 1 template and it is set to All Website.
I think it is sorted now when I saved my template again. Thanks
Thanks
Fulya
The issue related to '‘Product Grid in Shop’' has been successfully resolved, and the topic is now closed for further responses