Trying to put Buy Now button in the same line with Add To Cart button in sense theme

Store Design
1

trying to put Buy Now button in the same line with Add To Cart button in sense theme

2

Hey @rubi06

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi,

Hope this will help

To place “Buy Now” and “Add to Cart” on the same line in the Sense theme, wrap both buttons inside a new flex container in main-product.liquid then add CSS to align them horizontally.

CSS example

.cta-row {
  display: flex;
  gap: 10px;
  align-items: center;
}
.cta-row button {
  flex: 1;
}

Sometimes the dynamic checkout button’s script will try to force full width, so you may have to override

.shopify-payment-button {
  width: 100% !important;
}
.shopify-payment-button__button {
  width: 100% !important;
}
4

Hi @rubi06

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

5

@rubi06 can you please share your website link?

6

should i add this code in theme.liquid ?

7

@rubi06 add css in your css file, mostly one of the base.css, theme.css, style.css