Need to Make Small Design Change to Debut Theme

Shawna_Jeneen
Tourist
10 0 3

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.

 

SheairButters.com

 

Move Quantity SelectorMove Quantity Selector

0 Likes
Natztech
Shopify Partner
2127 545 1298

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;
}
}

 

Shawna_Jeneen
Tourist
10 0 3

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

0 Likes