How to get the Quantity Selector on the same line as Variants - Debut Theme

[Krishant]

Hi There

Is there a way I can edit my variant and the quantity selector to be on the same line like this?

From This 

To this 

for both mobile and desktop. Thanks 🙂

[KetanKumar]

@Krishant 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

[Krishant]

https://mrkneestore.myshopify.com/products/s-xl-patchwork-knee-brace-support-sports-nylon-sleeve-pad...

[KetanKumar]

@Krishant 

Thanks for details 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.product-form {
position: relative;
}
#ProductSelect-product-template + .product-form__controls-group {
    position: absolute;
    right: 20px;
    width: auto;
    display: inline-block;
    top: 32px;
}
.product-form__controls-group {
flex-wrap: nowrap;
    width: 80%;
}
.product-form__item {
    padding: 5px;
}

 After coding This view

[Kay_91]

Hey KatanKumar, i am facing the same problem and will like to have my quantity selector and variant selector to the same line. 

My url is: https://ea-onlineshop.de/products/handy-ladestation

Thanks a lot