How can I center my checkout button on mobile?

[oscaroline]

The checkout button is not centred on mobile compared to other buttons below,

Can I fix it?

www.sundaypaloma.com

[GemPages]

Hello @oscaroline
I would like to give you the recommendation to support you so kindly follow steps below:

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

[oscaroline]

It looks like this now

Can you fix it so that the length is same as other buttons below?

[Dan-From-Ryviu]

You can add this code to make your page look like this

@media only screen and (max-width: 600px) {
.cart__ctas button { width: 100% !important; padding: 20px; } 
.cart__ctas { margin: 0 12px; }
}

[PageFly-Victor]

Hi @oscaroline

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.page-width {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 1.5rem;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly