Expanse theme: Move the add to cart button next to quantity

[topestshop]

Hi there,

I'm using the Expanse theme. and would like to move the "add to cart" button next to the quantity selection, and make them in the same row. 

Would you help me to do this? 

My store URL: https://topestshop.myshopify.com/products/95-2-inch-l-shaped-reversible-computer-desk?variant=402012...

Password: cowsko

[AvadaCommerce · Accepted solution]

Hi @topestshop ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

@media (min-width: 1024px) {
.product-single__meta .product-single__form {
    position: relative;
}

.product-single__meta .add-to-cart {
    position: absolute;
    top: -85px;
    width: calc(100% - 120px);
    left: 120px;
}

}

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

[Zworthkey]

@media only screen and (min-width: 1200px) {
.product-single__meta .product-single__form {
    position: relative;
}

.product-single__meta .add-to-cart {
    position: absolute;
    top: -85px;
    width: calc(100% - 120px);
    left: 120px;
}

}

@topestshop 
1. Go to Online Store-> Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

[topestshop]

Thanks, It works!

[topestshop]

Thanks for your solution. It works on my store