How to modify the length of the variant picker in the code? (theme supply)

Solved
Excursionist
18 1 0

Hello,

 

How to modify the length of the variant picker button in the code? (theme supply)screen1.jpg

 

I succeeded change the length of the quantity and add to cart, but not the variant picker button.

Thank you in advance for your answer.

Best regards,

Ju.

 
0 Likes

Success.

Hello 

Go to admin panel
Add this css at the end of
Online Store-> Themes -> Edit code->Templates->theme.scss.liquid

@media screen and (min-width: 769px)
.selector-wrapper select, .product-variants select {
max-width: 29%!important;
}

Manage max width as per your requirement.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
Excursionist
18 1 0

Perfect, thank you Pallavi.

Cheers,

Ju.

0 Likes
Highlighted
Excursionist
18 1 0
@media screen and (min-width: 769px) {
.selector-wrapper select, .product-variants select {max-width: 29%!important;
}
}

 

There was an error, he had forgotten two {}

NOW IT WORKS!!!

0 Likes