How to increase the size of the variant box on Studio theme?

RedesMI · ‎03-31-2024

Hi, Shopify world

I need help to edit the code of the variant box width, I need help finding the code or how to increase the size of the variant box.

My variant models' names are getting cut, and I need them to be completely visible.

Here is an image of the issue (here the name is cut and the arrow is blocking the model name)

Thank you in advance!

Raj-webdesigner · ‎04-03-2024

Add This css in your edit code > base.css File

.product .product-form__input .select {
    max-width: 30rem;
}

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com

Raj-webdesigner · ‎04-02-2024

Can you Share Site Preview Link

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.

:-

Contect On My Mail :-Mail@gmail.com

RedesMI · ‎04-02-2024

Hi Raj,

Raj-webdesigner · ‎04-03-2024

Add This css in your edit code > base.css File

.product .product-form__input .select {
    max-width: 30rem;
}

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.

:-

Contect On My Mail :-Mail@gmail.com

RedesMI · ‎04-09-2024

Thank you Raj!
Resolved, have a great Tuesday!

sunnycide1 · ‎12-19-2024

can you help we changing the height of the dropdown variant box