How to move the Add to Cart Button on product pages (default theme)

How to move the Add to Cart Button on product pages (default theme)

Jamw0rks
Shopify Partner
2 0 1

I would like to move the Add to Cart Button on my product pages from it's current location to in line with the Qty Button.  Can you please advise how to do this?  Thanks

 

screenshot.jpg

Replies 4 (4)

Mustafa_Ali
Excursionist
336 25 54

hey @Jamw0rks plz share the URL of your website so i can help you

Moeed
Shopify Partner
7355 1994 2433

Hey @Jamw0rks 

 

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Bundler-Manuel
Astronaut
956 47 110

Hello there @Jamw0rks  I suggest that you try out the following steps-

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

 

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

Let me know if this works well for you!

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.
Jamw0rks
Shopify Partner
2 0 1

Hi, thank you for your response.  I pasted the code as instructed but unfortunately nothing changed.  

Code Screenshot.jpg