Product Attribute Dropdown Alignment | WordPress.org

You can do a few things. But mostly it’s going to come down to a bunch of CSS.

You could do an inline format

.single-product .variations tr{
    padding-bottom:3rem !important;
    display:inline-block !important;
}
.single-product .variations th{
    width:100%;
    
    
}
.single-product .variations .value{
    float:left;
    width:100%;
    display:flex !important;
}

or a not

.single-product .variations tr{
    padding-bottom:6rem !important; /*If you want to add space between them*/
}
.single-product .variations th{
    width:100%;
    
    
}
.single-product .variations .value{
    float:left;
    width:100%;
    display:flex !important;
}

Then for mobile you’ll need to do

@media screen and (max-width:48em){
.single-product .variations tr{
    padding-bottom:1rem !important; /*If you want to add space between them*/
    
}
.single-product .variations select{ /* Select Bar*/
    width:100% !important;
}    
.single-product .variations th{
    max-width:100%;
    
    
}
.single-product .variations .value{
    width:100% ;
    display:flex !important;
 }
} 

@getgolfed Anytime 🤙🏼