Make add to cart button fullsize

How to make add to cart button on product page full size. ( Full width )
Like thiss:
https://prnt.sc/ty0do5

Thanks.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.single_add_to_cart_button {
width: 100%;
}

Regard’s.
Xtemos Studio.

Thanks for reply. But How to keep it same line with quantity button.?
Your css working, but it make add to cart button full width other line.
I want make it full width and keep it same line.

https://prnt.sc/u04lsy

Hello,

Please delete the old given CSS and try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.single_add_to_cart_button {
width: 83%;
}

Regard’s.
Xtemos Studio.

Hello. Thanks for your reply
But Look like it working only desktop.
How to make it same in mobile and table?
Thanks.

Hello,

You are Most welcome.

Please move the CSS code you added in the Global Custom CSS area to Custom CSS for Desktop area under Theme Settings >> Custom CSS then add the following Custom CSS in the

Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.single_add_to_cart_button {
width: 71%;
}

Best Regards.

Hello
I hope its fine to help others here 🙂

this code works with desktop and mobile 🙂

.entry-summary form{
	display:flex;
}

/* Button */
.product-image-summary-wrap .product-image-summary .product-image-summary-inner .entry-summary .summary-inner .cart .single_add_to_cart_button{
	width:100% !important;
}

Hello,

@BaBaBaker Thanks for your involvement. Your solution might be helpful for someone who is trying to achieve the same for the add to cart button.

Best Regards.

Hello.
I still need this.
It not working on mobile. I try both of css.
Please help me check it.
Thank you.

Hello,

Please provide admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Hello.
I see problem when we access on Iphone/IOS.(Chrome and Safari). It not working.
But it working in Android phone.
I give you information.
Thanks

Hello,

Please provide admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Yes. I sent it. Please help me check.
Thank you.

Hello,

Your issue has been resolved now the add to cart button is full with the quantity button.

Please deactivate cache plugin, clear browser cache and check back.

Screenshot for Clarification: https://ibb.co/jrhf4JD

Best Regards.

Hello.
Thanks for you help. Lock like it working on Chrome.
But it still not working on safari on IOS.
And can you tell me how you fix it?
Thank you.

Hello,

I have checked the site on IOS Safari as well and the button is showing fine fullwidth. Please check the site on any other iPhone in the Safari browser. I am sure you will not find any issue. Please see the video from the link below:
https://streamable.com/xc0h0z

Best Regards.

[Author]

Posts