How to make a variant dropdown button full width?

Store Design
1

Hello!

Looking to get the Variant dropdown full width, as the “Sold out” button.

Namnlös.png
Namnlös.png1922×1000 196 KB

2

@leosef Please provide the URL of your store and if it is password protected please share the password too. Thanks

3

Hello!

It’s https://carncier.com/

Thanks!

4

Hi @leosef

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css->paste bellow code in bottom of file

.variant-wrapper.variant-wrapper–dropdown.js, .variant__input-7771171684574{

width: 100% !important;

}

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

Best regards,

Richard | PageFly

5

Hello!

That works, but did only change for the Adoin case.. I want to change for all products

6

Hi @leosef

You can try again with this code:

select {
width: 100% !important;
}