Align the 'add to cart' button in Minimal theme

Store Design
1

Hello Shopify guru,

I try to align the ‘Add to Cart’ button level on my pages without cut/hidden the overflow product description. I am using the Minimal theme. Thanks for your help.

My web site is

https://eombuy.com/

add to cart level.jpg
add to cart level.jpg1369×554 72.7 KB

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.index-section .grid__item {
position: relative;
padding-bottom: 50px;
}

.index-section .grid__item .table-wrapper {
position: absolute;
bottom: 0;
}

.index-section .grid-uniform {
display: flex;
flex-wrap: wrap;
}

Screenshot :- https://image.prntscr.com/image/Ab9LkT7cQ3yVXENr8dxc8Q.png

3

Hi ZestardTech,

Thanks.

I have copy and paste the code at the bottom of theme.cscc.liquid, but the code dosn’t work.

Have I set anything wrongly? Thank you.

4

Hello there,
Working fine!
Screenshot :- https://image.prntscr.com/image/firgQDuaSi6lnCkplzjCUg.png

5

Eombuy_Gary_0-1642654821141.png
Eombuy_Gary_0-1642654821141.png1198×913 252 KB

@ZestardTech thanks. the front page looks great, but it seems doesn’t work well in other pages…

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:

Please old css remove and add this one css

.grid__item {
position: relative;
padding-bottom: 50px;
}

.grid__item .table-wrapper {
position: absolute;
bottom: 0;
}

.grid-uniform {
display: flex;
flex-wrap: wrap;
}
7

@ZestardTech it works prefectly, thanks.