Making a Variant drop-down box field wider

Solved
Highlighted
Excursionist
17 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
7762 1061 2688

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
17 1 6

Worked Perfectly!  Thank you!

1 Like
Highlighted
Shopify Partner
7762 1061 2688

@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