How to make quantity selector the same width as buy now button - dawn theme

Store Design
, , , , , ,
1

I’d like to make the quantity selector the same width as the buy now button (as shown in attached image).

I’d like this to be for all media e.g. mobile, desktop..

Any advice is really appreciated.

URL: https://tyton.uk/products/height-growth-capsules

Dawn theme

BraxtonEcom_0-1691967536401.png
BraxtonEcom_0-1691967536401.png734×1466 110 KB

2

Hi @BraxtonEcom

This is David at SalesHunterThemes.

Thank you for your question.
To fix the problem, you can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

@media screen and (max-width: 749px) {
  .product-form__input .quantity {
    width: 100%;
  }
}
3

Hi @BraxtonEcom

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:
.product-form__quantity {width: 100% !important; max-width: 100% !important; min-width: 100% !important; }
.product-form__quantity .quantity {width: 100% !important;}

.product-form__quantity .quantity__label {text-align: center;}

Regards,

San

1 Like