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

Krishant
New Member
2 0 2

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 

Screenshot (7).png

To this 

Screenshot (8).png

for both mobile and desktop. Thanks

KetanKumar
Shopify Partner
15811 1755 5829

@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.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
15811 1755 5829

@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

KetanKumar_0-1611816507889.png

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes