Dawn theme - Move add to cart button next to quantity input

Store Design
1

I’ve tried some of the code samples previously posted in the community. Nothing has worked effectively.

What’s the best way to position the Add To Cart button next to the Quantity input field on product pages in Dawn?

2

Hi @skram ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Hi @AvadaCommerce , here’s a preview link:
https://ffy26arrwlzhegxk-8321990727.shopifypreview.com/products/blue-raspberry-preworkout

Thank you for helping.

4

Hi @skram ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-product.css->paste below code at the bottom of the file:
@media (min-width: 380px) {
    .product-form {
        position: relative
    }

    .product-form .product-form__buttons {
        position: absolute;
        left: 148px;
        top: -72px;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

Thank you very much @AvadaCommerce !

While we’re here, is there a simple way to decrease the width of the quantity input box?

6

Hi

I have added this code, but its not working correctly

https://24workwear.co.uk/products/pro-workwear-polo

Can you advise how to fix, or remove altogether?

Thanks :slightly_smiling_face: