"add to cart" alignment in Debut theme help

Solved
New Member
2 0 0

Hi,

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

Vegiebowl_1-1600232371897.png

 

 

 

 

0 Likes
Highlighted
Shopify Expert
328 35 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
Highlighted
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?

 

Vegiebowl_1-1600239980334.png

 

 

Many thanks in advance

 

 

 

 

0 Likes