Move Add to Cart button beside Quantity selection without altering Cart Pop Up

golfer101
Tourist
9 0 3

I would like to move my Add to Cart button beside my quantity selector on each product page. After installing the code below, it had the desired effect which was great. However, when I click Add to Cart, the cart pop up in the top right corner looks totally different, with a transparent background and text that overlaps, looking very messy.

I used the following code at the bottom of my theme.liquid file, before </body>.


<style>
.button--full-width {
width: calc(100% - 150px) !important;
margin-top: -76px;
margin-left: 150px;
}
</style>


Any help greatly appreciated.

Reply 1 (1)
BSS-Commerce
Shopify Expert
2959 396 414

Hi @golfer101 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development