Quick Look button alignment issue - Dawn theme

[Sivadarshan]

I'm using dawn theme's latest version in that featured collection and in collection page the quick add button is added but the alignment is not in correct position how to correct the position 

website: https://2512in.myshopify.com/

password: 2512

I want to be placed here in both mobile and desktop view

Thanks in advance

[Ecomessence]

Check for the Quick Look button HTML and CSS. Ensure the button’s size, padding, and text alignment are set properly. Adjust CSS properties such as padding, margin, text-align, or width as needed.

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.quick-add {
    width: 50% !important;
}
.button--full-width {
   margin-left: 55% !important;
}
</style>

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

[websensepro]

Hi @Sivadarshan 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.button--full-width {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!