Hey Tuan,
I'm having the inverse problem. I adjusted the size of my product-variant dropdown menus with the code shown below and now when I go to my site, two dropdown menus end up beside each other on the same line. I tried to set the column count to 1 (and even 0) and it didn't solve the issue. Any tips? I'd like to be able to set the width of the boxes to 250px and have them on separate lines.
Thanks!
Existing code:
.variant-option {
width: 250px !important;
}
.product-variants {
column-count: 1;
}