How can I modify the dropdown width in Studio Theme 2.0?

Store Design
1

Hi,

I am using Studio Theme and would like to change the drop-down width for “Variant” Pills to 100%. How can I increase their width? Below is an image snippet. Basically I want to make the Session and Day & Time Drop-downs to be 100% i.e. the same width as the Studio Registration drop-down.

Thanks!

Omar

Screen Shot 2022-04-11 at 5.56.32 PM.png
Screen Shot 2022-04-11 at 5.56.32 PM.png689×439 14.2 KB

2

@creartstudioz

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thank you - my site URL is
https://creart-studioz.myshopify.com/products/little-buds-art-classes.
PW: awanawan50

I have also tried the following code in base.css but it does not extend the width beyond the current size.

.product-form__input .form__label {
width: 100% !important;
}

Thanks!
Omar

4

Hi @creartstudioz ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /section-main-product.css paste code below into end of the file.
.product-form__input, .product-form__input .select  {
    max-width: 100% !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

5

THANK YOU so much!!!