"add to cart" alignment in Debut theme help

New Member
2 0 0


I was hoping that someone can help me out to align my "add to cart" buttons on my collection page.

I have noticed that this is caused the varying lengths in the product description.

Please see screenshot and my url is https://www.vegiebowlreadymeals.com.au/collections/all


Many thanks






Shopify Expert
316 34 38

This is an accepted solution.

Hello There, 


Kindly add the below give css to your theme.scss.liquid file. This will make the alignment proper. 

#Collection .product-card {
position: relative;
height: 352px;
#Collection form input.btn {

margin: 5px 0;

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
1 Like
New Member
2 0 0

Hi Pallavi,

Thank you so much! It works perfectly when looking from PC browser.

If you could kindly also please help me with this issue I have noticed when looking at the collection page from a mobile/tablet. The white gap is too large (see screenshot) and it looks like the customer is adding cart for the product below. Is there anyway to reduce this area without impacting the alignment from the previous solution?





Many thanks in advance