On Mobile al products are skewed and not inline

Hey my website is almost done but as you can see on mobile at the product pages (https://milamoon.hirank.nl/shop/) the products are skewed and not right in line like in the demo.

Hello,

This is caused by the swatches: some products have the swatches and other do not https://prnt.sc/rg6pqx

I can set the min-height for all the grid items with CSS and the result will be like this: https://gyazo.com/9ac57ce1ca9070581c07bea512c097cd

If it is good for you, add this code to the Theme Settings > Custom CSS > Mobile:

body .products .product-grid-item {
    height: 400px!important;
}

Best Regards

Hey

Thank you so much for this solution

Very good support

Kind regards
Martijn

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts