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

Store Design

Topic summary

A user seeks to reposition the \

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

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
move.png1875×754 173 KB

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

Password: cowsko

1 Like
2

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.

2 Likes
3 
@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:
1 Like
4

Thanks, It works!

5

Thanks for your solution. It works on my store

6

Hello, thanks for your solution. Can you help me with how to do this as well for mobile view using expanse theme? Thank you