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

Solved
topestshop
Tourist
10 0 3

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? 

 

 

move.png

 

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

 

Password: cowsko

 

Accepted Solution (1)

Accepted Solutions
AvadaCommerce
Shopify Partner
3033 696 566

This is an 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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

View solution in original post

Replies 4 (4)
AvadaCommerce
Shopify Partner
3033 696 566

This is an 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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

Zworthkey
Shopify Partner
5581 640 1498
@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:

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
topestshop
Tourist
10 0 3
topestshop
Tourist
10 0 3

Thanks for your solution. It works on my store