Solved

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

RedesMI
Tourist
7 1 0

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) 
Captura de pantalla 2024-04-01 a las 2.13.10.png

 
Thank you in advance! 

 

Accepted Solution (1)
Raj-webdesigner
Shopify Partner
268 60 65

This is an accepted solution.

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.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


View solution in original post

Replies 4 (4)

Raj-webdesigner
Shopify Partner
268 60 65

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.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


RedesMI
Tourist
7 1 0

Hi Raj,

www.maquimport.cl 
aoglea

Raj-webdesigner
Shopify Partner
268 60 65

This is an accepted solution.

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.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


RedesMI
Tourist
7 1 0

Thank you Raj! 
Resolved, have a great Tuesday!