How do I actually set the quantity selector to width 100%?

I’ve already made a change to base.css, but it seems like I can’t fill it all in, there’s a space missing. I use the dawn theme.

can you share perview link ?

Hi @anapdeabreu
Please share the preview link so that I can guide you better

@anapdeabreu Please provide your store URL to help you on this.

Hi @anapdeabreu

Please share your store URL so I can provide you with a solution.

https://lojabauer.com.br/products/balanco-pet-comfort-o-conforto-para-o-seu-pet

Oi https://lojabauer.com.br/products/balanco-pet-comfort-o-conforto-para-o-seu-pet

Hi @anapdeabreu
Try adding below code to the end of section-main-product.css file

product-info .product-form__input {
    max-width: 100%;
}

If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

Add This css in your edit code > base.css file

.product .product-form__input{
    max-width:100%;
}

@anapdeabreu Please follow below steps to set 100% width for quantity selector. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Go to “base.css” file and paste the below code at the bottom of the file and save changes.
.product .product-form__quantity {
    max-width: 100% !important;
}

Result will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.