Hello, sorry to always bug you for help! We are trying to figure out how to align our products on our shop page. Our product images are all aligned perfect on a browser, but when you go to mobile view their staggered each row because some products have longer product names. We've been messing around and found this code snippet which aligns the photos, but it's making a mess of the text / add to cart text. Thoughts?
Hello, sorry to always bug you for help! We are trying to figure out how to align our products on our shop page. Our product images are all aligned perfect on a browser, but when you go to mobile view their staggered each row because some products have longer product names. We've been messing around and found this code snippet which aligns the photos, but it's making a mess of the text / add to cart text. Thoughts?
https://www.skyverge.com/blog/woocommerce-align-add-to-cart-buttons/
Hey Matt,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) and (min-width: 1px) { body.woocommerce .span_9 ul.products li.product, body.woocommerce-page .span_9 ul.products li.product { min-height: 280px !important; } }Thanks
Salient Support Team
Worked perfect, thank you!!!