How can I move the add to cart button over?

Store Design
1

I removed the quantity selector and now my add to cart button is off. I would like it to be inline with the price and the product title.

Website: https://test-kds01.myshopify.com/products/essential-purple-gradient-digital-stickers

Password: password01

1 Like
2

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

Regards your concern to move the position of the add to cart button. Here are some steps, you can follow to do it.

Step1: Online Stores > Themes > More Action > Edit code

Step2: Find theme.liquid > in this file you should find tag or tag

Step3: Paste the code :

.pb-3.product-single__meta-list.list--inline { display: flex; } #AddToCartForm-product-template-1 { flex: 1 }

If not you can help me to send your Page URL here, i can take a look and give you the final code

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

Best regards,

PageFly

3

@kdigitalstudio

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media (min-width: 992px) {
ul.pb-3.product-single__meta-list.list--inline {
    margin-bottom: -62px;
}

.product-form__cart-submit {
    margin-left: 60px;
    width: calc(100% - 60px);
}
}