How to make add to cart button wider

[DaniCollantes]

Hi, I'm experimenting some troubles at the time of matching the add to cart button with the rest of the widgets in the product page, if anyone can help me please. Thewebsite isn't live yet so i can't share 

[BSSCommerce-HDL]

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

[DaniCollantes]

My problem is that my new store isnt live yet, i need to fix it before publishing it

[Rahul_dhiman]

Hello @DaniCollantes 
as i can see, the button seems to be perfectly aligned., let me know you are checking on which screen.

Thanks

[DaniCollantes]

Yes, in this website yes is for the new website that i'm creating that isn't live yet.
How can I share to you?

[Rahul_dhiman]

provide me the url of your new store.

[DaniCollantes]

https://srpk8ycoyimau18d-52766113982.shopifypreview.com

[Rahul_dhiman · Accepted solution]

Go to online store ---------> themes --------------> actions ------> edit code-----> assets -->theme.min.css
add this at the end of the file.

@media (min-width: 1024px) {
.lg\:w-3\/4 {
width: 100% !important;
}
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[DaniCollantes]

It's working!!! Thank you so mutch

[Rahul_dhiman]

always there to help you.
please hit the like button also.

[Moeed]

Hey @DaniCollantes 

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

[DaniCollantes]

Yes, in this website yes is for the new website that i'm creating that isn't live yet.
How can I share to you?

[Moeed]

Hey @DaniCollantes 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.add-to-cart-container.mt-8.lg\:w-3\/4 {
    width: 100% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[sahilsharma9515]

Hi @DaniCollantes Please add the code to solve the issue.

<style>

.add-to-cart-container.mt-8.lg\:w-3\/4 {
    width: 100% !important;
}

</style>

Please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.liquid in the code in left hand side in your theme.
6. Add the following code in the bottom of the file above </body> tag

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil