Quantity selector and Add to cart button next to each other (Sense 15.4.1)

Store Design
, , ,
1

Hello! I am trying to put my quantity selector and my add to cart button next to each other on my product pages. I have Sense theme 15.4.1 on my store here - https://shopspikesandseamsgreek.com/

Can someone please assist?

Many thanks

2

I just happen to have the ready code. The code can go into “Custom CSS”, either in Product Info section, or in “Theme settings”(cog icon)

Should work for all Dawn family themes

/* cart-button */
.product__info-wrapper .product-form {
  margin-top: -6.1rem !important;
  display: flex;
  flex-flow: column;
}

.product__info-wrapper .product-form [name="add"].button {
  margin-left: 13rem;
  width: calc(100% - 13rem);
  padding: 0 5px;
  min-width: 0;
}

.product__info-wrapper quantity-input {
  z-index: 1;
}

.product__info-wrapper .product-form__error-message-wrapper,
.product__info-wrapper .customer {
  order: 1;
}

There is some extra complexity because the error message is by default output between qty input and buttons…
And customer info input for gift cards could interfere too.

Screenshot 2025-12-24 at 2.28.31 AM
Screenshot 2025-12-24 at 2.28.31 AM1046×689 80.6 KB

3

Well this worked seamlessly for the most part! I appreciate your help very much!!!