Bug - Add to cart button and quantity selector on same line (in Dawn)

[ManuBC]

Hi, 

I wish to get the "quantity selector" and the "add to cart" button on the same line.

In this forum, I get a solution with the code below, which seemed to work at the first sight.

In theme.liquide, before the "</head>"

<style>
     .button--full-width {
        width: calc(100% - 150px) !important;
        margin-top: -72px;
        margin-left: 150px;
     }
</style>

but I noticed 2 bugs : 

• the widget "add to cart" is destoyed (see image)
• Product page with variant are not good (button is covering options), see image

Do you have proper solution to put it on a same line ?

My web site : https://www.barreclandestine.com/

Many thanks for your help !

[Dan-From-Ryviu · Accepted solution]

Please use this code instead of 

<style>
     .product-form__buttons {
        width: calc(100% - 150px) !important;
        margin-top: -72px;
        margin-left: 150px;
     }
</style>

[ManuBC]

Many thanks Dan ! 

It looks great for the widget "add to cart" 👍

But the variant is still covering the 4 options (30€, 50€, 75€ and 100€) : 

[Dan-From-Ryviu]

Recommend you enable quantity option for that product template 

[ManuBC]

it work great many thanks for your time !

[Dan-From-Ryviu]

Happy I could help ❤️

[PixiePawsPets]

This works amazing, Tho I am just wondering would their be a way I could exclude subscription products? as it now sits ontop of my subscription box products. - Works amazing for all other products. Thank you appeciate if you could reply. 🙂