Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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;
}
}
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;
}
}
Thank you - that worked!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025