Return to previous page

Same height columns with product grid on mobile view

This topic has 2 replies, 2 voices, and was last updated 2 years, 12 months ago ago by Rose Tyler

Martine

Participant

December 27, 2021 at 10:08

Hi!

Please check https://www.diamondflame.nl/shop/

Is there a code a can use to make the columns equal height in a product grid on mobile view?

I used this code but this does not work for mobile view:

.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;
}

#313131 Copied Theme version: 8.0.10 WooCommerce version: 5.8.2

1 Answer

Rose Tyler

Support staff

December 27, 2021 at 11:23

Hello,

Clear cache of your mobile browser and check one more time. If the result in not what you are looking for, provide a screenshot and describe the desired result in more detail.

Regards

#313141 Copied
Tagged: best selling, columns, grid, height, mobile, product, themes, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘same height columns with product grid on mobile view’' has been successfully resolved, and the topic is now closed for further responses

Same height columns with product grid on mobile view

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection