Dawn theme add to cart button on collection page align

Solved
icareboxco
Tourist
3 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)

Accepted Solutions
Natztech
Shopify Partner
2229 564 1363

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

Natztech
Shopify Partner
2229 564 1363

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 4 (4)
Natztech
Shopify Partner
2229 564 1363

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

icareboxco
Tourist
3 0 0

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

icareboxco
Tourist
3 0 0

@Natztech 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

Natztech
Shopify Partner
2229 564 1363

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