How to make add to cart button full section width on the product page?

Store Design
1

Hi!

Hope you’re having a nice day! :slightly_smiling_face:

I would like to know how can I make the add to cart button on my product page the full section width?

For illustration, I would like image 1 to look like image 2

image 1
image 11782×762 160 KB

image 2
image 21857×902 253 KB

2

Hi @henryNG ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

3

My store is callixe.com

thank you :folded_hands:

4

Hi @henryNG

First, go to Customize Theme => Edit code.

Then find your Theme’s CSS file by searching by the name “CSS”. Usually, that file will be “theme.css” or “theme.liquid.css”, “base.css” or “index.css”.

Once the CSS file is located, add this line at the end of the file:

.product-form .product-form__buttons {
    max-width: unset !important;
}

The result will be as follows:

view (17).png
view (17).png1843×965 186 KB

Hope this helps you.

5

Hi @henryNG ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly