Move product option name into dropdown box (DAWN)

tailormade1
Excursionist
18 0 1

Is there a way to move the 'approx span' and 'approx pitch' into the dropdown box in the same way that I've managed to achieve with an app for the other options below?

Screenshot 2024-04-17 at 11.13.40.png

https://www.tailormadedesigns.co.uk/
Replies 2 (2)

theycallmemakka
Shopify Partner
1477 336 360

Hi @tailormade1 ,



Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
variant-selects {
    display: flex;
    width: 100%;
    max-width: 66.67%!important;
    gap: 10px;
}

.product-form__input.product-form__input--dropdown {
    max-width: 50%!important;
    min-width: auto;
    flex: unset;
}

.product-form__input, .product-form__input .select {
    width: 100%;
    max-width: 100%!important;
}

@media only screen and (max-width: 600px) {
  variant-selects {
        max-width: 100%!important;
    }
    .gpo-app .gpo-form__group.gpo-col-4 {
        width: 50%;
    }
    .gpo-app .gpo-form__group.gpo-col-8{
        width: 100%;
        
    }
}
</style>

theycallmemakka_0-1713350559965.png

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

tailormade1
Excursionist
18 0 1

That's not what I was after but that also looks much better haha, thank you! I was looking to insert the text into the dropdown box. For example, 'type exact span' is in the box itself, rather than above the box. Hope this makes sense. 

https://www.tailormadedesigns.co.uk/