Minimal theme: Quantity selector and Add to Cart button on same line

Solved
Highlighted
New Member
3 0 0

I see many similar threads, which are all about a year old. I would like the quantity selector and add to cart button to be on same line and just cant figure it out. I have tried examples on the following topics (which did not work):

 

https://community.shopify.com/c/Shopify-Design/Align-Add-To-Cart-button-and-Quantity-on-the-same-lin...

 

https://community.shopify.com/c/-/-/m-p/322133

 

https://community.shopify.com/c/Shopify-Discussion/Align-quanity-box-and-add-to-cart-on-the-same-quo...

 

https://community.shopify.com/c/Shopify-Design/Minimal-Theme-Color-Quantity-Size-on-the-same-line/m-...

 

 

 

Here is my code I am trying to work with:

 

<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" style="width:50px; height:25px" />
<input type="submit" value="Add to cart" class="btn" style="width:100px"; />

 

Here is a screenshot of the areas:

 

screen2.jpg

0 Likes

Success.

Shopify Partner
828 125 168

Change you qty code to bellow:

 

<input min="1" type="number" id="quantity" name="quantity" value="1" style="width:50px; height:25px; display: inline-block;" />

Note: Add display: inline-block; in style of qty, If not work send your store url. 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes