Add to cart button alignment - help

sophl
New Member
3 0 0

I've added the below to my product-grid-item.liquid but the alignment is off.

<form method="post" action="/cart/add">
<input type="hidden" name="id" value="{{ product.variants.first.id }}" />
<input min="1" type="number" id="quantity" name="quantity" value="1"/>
<input type="submit" value="Add to cart" class="btn" />
</form>

Anyone know how to sort this so the add to cart button is in center with the image above it relates too + horizontally lined with the other add to cart buttons on the same row?

add to cart button.PNG

I use Minimal theme if that makes any difference. 

Replies 2 (2)
JHKCreate
Shopify Partner
3526 630 902

Hi @sophl 

Would you mind sharing your store's URL so we can provide the code to solve this?

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
sophl
New Member
3 0 0

Hi, I only have the preview option available as I'd like to solve this before setting it as my main theme: https://gdrs27gmddm96utn-47691432085.shopifypreview.com

Would this work?