Solved

Widen drop down option menu on product page

quiztrail
Explorer
59 0 17

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 

 

Screenshot8.jpg

Accepted Solution (1)

Ahsan_ANC
Shopify Partner
1392 253 323

This is an 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;
}
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search

View solution in original post

Replies 2 (2)

Ahsan_ANC
Shopify Partner
1392 253 323

This is an 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;
}
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
quiztrail
Explorer
59 0 17

Thank you - that worked!