Making a Variant drop-down box field wider

Solved
Highlighted
Excursionist
19 1 6

Good morning, 

Is there a way to make the variant drop-down box on the product page wider?  I'd like to be able to see my variant description in full and currently the box is too short to show it all.

Thank you!

URL:  https://deer-path-inn.myshopify.com/

PW:  wohffu

 

1 Like
Highlighted
Shopify Partner
8395 1123 2935

This is an accepted solution.

Hello, @MMAndrade1 

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-form__item {
    flex-basis: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
19 1 6

Worked Perfectly!  Thank you!

1 Like
Highlighted
Shopify Partner
8395 1123 2935

@MMAndrade1 

Thanks for update and your compliments.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like