Add to cart buttons on one height in Dawn template

I’ve added an add to cart button on the collection subpages and I’d like them to display at one height, because right now they display depending on how many lines there are in the product title. How can I achieve this?

Link to store: medpak.shop

2 Likes

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.button--half-width {
display: initial;
width: auto;
}

Screenshot :- https://prnt.sc/_e-G-gErytTi

@medpak

.full-unstyled-link {
    text-decoration: none;
    color: currentColor;
    display: block;
    width: 226px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

Add this code in the bottom of Base.css file.

  1. Navigate to Online Store->Theme->Edit code
  2. Asset->/Base.css ->paste below code at the bottom of the file.
  3. Save it.
1 Like

@medpak
Let me know if you need any more help.
We are happy to help you.

Thank you.

I think I will need some help, because this code now has a problem with displaying these buttons in the mobile version of the store. Everything is shifted to the right.