Dawn theme add to cart button on collection page align

Solved
icareboxco
Tourist
6 0 0

Hi can someone help please.

My url is www.icarebox.co and I am using the Dawn theme. I can't seem to find any answers related to this theme.

I need to add to cart button aligned and am not sure how I go about this. I have attached a screen shot.align atc.PNG

Thanks in advance!

Accepted Solutions (2)
Kinjaldavra
Shopify Partner
2302 570 1416

This is an accepted solution.

hello @icareboxco 

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

@media screen and (min-width: 759px){
.collection  .grid  .grid__item .card-information .card-information__wrapper .card-information__text.h5{
        min-height: 35px;
}
}

 

View solution in original post

Kinjaldavra
Shopify Partner
2302 570 1416

This is an accepted solution.

hello @icareboxco 

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

@media screen and (max-width: 759px){
.collection  .grid  .grid__item .card-information .card-information__wrapper {
        min-height: 86px;
}
}

 

View solution in original post

Replies 5 (5)
Kinjaldavra
Shopify Partner
2302 570 1416

This is an accepted solution.

hello @icareboxco 

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

@media screen and (min-width: 759px){
.collection  .grid  .grid__item .card-information .card-information__wrapper .card-information__text.h5{
        min-height: 35px;
}
}

 

icareboxco
Tourist
6 0 0

Thank you!!! You're amazing. Appreciate your help.

icareboxco
Tourist
6 0 0

@Kinjaldavra I just checked on my mobile and it's not aligned. Is there a way to have it aligned on mobile also?

Thanks in advance

Kinjaldavra
Shopify Partner
2302 570 1416

This is an accepted solution.

hello @icareboxco 

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

@media screen and (max-width: 759px){
.collection  .grid  .grid__item .card-information .card-information__wrapper {
        min-height: 86px;
}
}

 

AyushiVerma
New Member
13 0 0

This code is not working