How to change the width of shopify brooklyn product variant dropdown menu?

Tourist
19 0 1

Dear all,

 

I need help to change to width of the shopify brooklyn product variant dropdown menu.  Any suggestion is highly appreciated!

 

Eva

0 Likes
Highlighted
Shopify Staff
Shopify Staff
88 6 7

Hi Eva,

 

Gabe here from Shopify.

 

In the theme editor, you also have the option of choosing the "Picker Type" as a "button" instead of a drop-down.

 

The big advantage here is that the variant option then becomes instantly visible to the visitor who doesn't have to click a drop-down. This can reduce mistakes such as choosing the wrong option, and so reduce returns.

 

Is that what you asked, and do you think this would work for you?

 

See an example here how to do that:

 

alt

 

A code change to effect wider drop-down buttons could be possible but we wouldn't recommend it because this code change could be complex and potentially cause the button text to "wrap" depending on screen-size e. g. make it look strange or distorted on mobile or tablets for example.

 

Hope that helps!

Gabe

0 Likes
Tourist
19 0 1

Thank you, but I still prefer to use dropdown menu because it will save a lot of space

0 Likes