Why is my Dawn theme "Add to Cart" button not aligned?

[Mido313]

Hi everyone, I’m having trouble with the "Add to Cart" button in the Dawn theme on my Shopify store ([2020wfg.com](https://2020wfg.com)). Despite trying various solutions, the button still isn’t aligned properly. Has anyone else experienced this issue? Any tips or solutions would be greatly appreciated! Thank you!

[rajweb]

Hey @Mido313 ,

The alignment issue with your "Add to Cart" button in the Dawn theme can be resolved by adjusting its CSS. Here's a quick fix:

.quick-add__submit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: fit-content;
}

.quick-add {
    display: flex;
    justify-content: center;
    align-items: center;
}

This will ensure the button is properly centered and aligned. Apply this in your theme’s CSS file, and it should resolve the issue. Let me know if you need further assistance! 

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat

[Dan-From-Ryviu]

Hi @Mido313 

Could you take screenshot of the issue?

[DaisyVo]

Hi @Mido313 ,

I see that the ATC button currently looks like this.

Would you like it to be centered, or should we make it full width, aligned with the product title?

Please let me know your preference so I can assist accordingly.

Best,

Daisy

[Mido313]

 

[Mido313]

I tried all the codes but still not working.