Widen drop down option menu on product page

[quiztrail]

Hi there,

How can I widen this drop down menu so the whole text is seen on Desktop (it is showing fine on Mobile).

Thank you - my shop is https://www.quiztrail.co.uk/products/tenterden-quiz-trail 

[Ahsan_ANC · Accepted solution]

Hi @quiztrail 
You can try this code

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

@media only screen and (min-width: 768px){
.product-form__controls-group .product-form__item {
    flex-basis: 75%;
}
}
@media only screen and (min-width: 991px){
.product-form__controls-group .product-form__item {
    flex-basis: 75% !important;
}
}

[quiztrail]

Thank you - that worked!