Need to Make Small Design Change to Debut Theme

Can anyone tell me how to move the Quantity selector so that it sits alongside the Size selector. Pic A is how my theme looks now. I want it to look like Pic B.

I am using the Debut theme and Pic B is what my old Debut theme looked liked before I upgraded and lost all previous customizations.

Thank you. :slightly_smiling_face:

SheairButters.com

hello @Shawna_Jeneen

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 768px){
.product-form.product-form-product-template .product-form__controls-group:nth-child(1) {
    width: 80% !important;
    display: block !important;
    float: left;
}
.product-form.product-form-product-template .product-form__controls-group:nth-child(2){
        width: 20% !important;
        display: block !important;
        float: left;
}
}

Thank you. The solution you posted, however, did not appear to work. I then went and look at the assets/theme.css file in my previous theme hoping to spot a code similar to one you posted that would work and I saw nothing similar. You can view my site below. The code isnโ€™t working on desktop or mobile. I also tried refreshing and various browsers, no change there either.

SheairButters.com