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

Solved

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

anapdeabreu
Tourist
12 0 5

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.
anapdeabreu_0-1719461268644.png

 

Accepted Solution (1)
Vinsinfo
Shopify Partner
352 125 118

This is an accepted solution.

@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;
}

 

Vinsinfo_0-1719556364332.png

 

Result will be like,
Vinsinfo_1-1719556371739.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 10 (10)

Raj-webdesigner
Shopify Partner
320 74 76

can you share perview link ?

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


Raj-webdesigner
Shopify Partner
320 74 76

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

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

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


JasmeetVT14313
Shopify Partner
222 50 60

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

Unlock Your Store's Potential with a Free Consultation!
Ready to boost your Shopify store's performance?
Book a Free Consultation and get a comprehensive Store Audit today!
Don't miss this opportunity to enhance your online business.

Vinsinfo
Shopify Partner
352 125 118

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Vinsinfo
Shopify Partner
352 125 118

This is an accepted solution.

@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;
}

 

Vinsinfo_0-1719556364332.png

 

Result will be like,
Vinsinfo_1-1719556371739.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

Dan-From-Ryviu
Shopify Partner
8435 1660 1675

Hi @anapdeabreu 

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

JasmeetVT14313
Shopify Partner
222 50 60

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!

Unlock Your Store's Potential with a Free Consultation!
Ready to boost your Shopify store's performance?
Book a Free Consultation and get a comprehensive Store Audit today!
Don't miss this opportunity to enhance your online business.

EFOLI-Syn
Shopify Partner
41 1 0

Hello @anapdeabreu,

Please provide your store URL so that I can have a look into it.

Syn | eFoli
-Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants