Aligning add to cart buttons for Brooklyn

Store Design
1

Hi there,

I added come custom ‘add to cart’ buttons to my collection lists, but the buttons aren’t aligned. Can someone help? MY URL is below.

https://ypaxkhx5l4tz7x4l-60003319967.shopifypreview.com

(if you click on ‘beer me’ you can get a longer list of products and the problem is more evident)

GBSshop_0-1638809651516.png
GBSshop_0-1638809651516.png1898×839 214 KB

1 Like
2

@GBSshop

sorry for that issue

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
.grid-product__title {
    min-height: 65px;
    display: inline-block;
    width: 100%;
}
.long-dash {
   display: none;
}
3

Thanks that has worked great, but is there any way the pricing can be moved up so that its below the product title rather than above the quantity picker?

GBSshop_0-1638876205730.png
GBSshop_0-1638876205730.png495×719 92.3 KB

1 Like
4

@GBSshop

sorry bt your same product name 2 line it required to that spacing

1 Like
5

Hi, just realised the recommended products do this: Can you help fix? Would be a great help!

GBSshop_0-1638896847095.png
GBSshop_0-1638896847095.png1369×691 158 KB

1 Like
6

@GBSshop

can you please confirm this look

KetanKumar_0-1638898128547.png
KetanKumar_0-1638898128547.png1920×1080 339 KB

7

yes please, with the quantities included as well:

GBSshop_0-1638898344994.png
GBSshop_0-1638898344994.png683×587 112 KB

8

in the editor it seems to start like the above, then switches to this:

GBSshop_0-1638898419298.png
GBSshop_0-1638898419298.png1238×509 203 KB

9

@GBSshop

yes please above code its work global

now i can’t see above code please added

10

Sorry, i misunderstood your question. I have no experience of coding so the code may not be there. Do you have an idea of how to fix it?