Make add to cart button less wide mobile (dawn theme)

[CarCleanCC]

Hello,

I would like to adjust the width of my "Add to Cart" button in product page so that it fits on the same row as the quantity selection tool. Thank you in advance for your help! Our URL is: carcleansweden.se

[Mehran_Ali · Accepted solution]

Hi @CarCleanCC 

You can Achive this by adding this CSS in to you theme.css or base.css file 

.product__info-container .product-form__quantity {float: left;display: inline-block;max-width: 46%;width: 100%;min-width: 46%;margin-right: 10px;!i;!;}
.product__info-container .product-form__quantity+div {width: 48%;float: left;}
.product__info-container .product-form__quantity+div product-form button { padding-inline: 10px; font-size: 13px; }
.product__info-container .shopify-block { clear: both; }

Result:

If This Solution Work For You Kindly Mark this As A Solution and Buy ME A Coffee