Dawn Theme Product page Add to cart button overlapping issue

[Sivadarshan]

I’m using dawn theme latest version in that product page, Add to cart i done some customization like quantity selector and Add to cart was in same line, it was working good, but there are some issues like when I add more quantities like eg 10pcs then the error message overlaps the add to cart button and in popup notification when product was put in add to cart at that time buttons are overlapped, I’ll share the images and website for reference. how to solve this issue.

The Design I want is this

The error when more quantities are added

Popup when product is add to cart

Website : https://mannavan.myshopify.com/

Password: offnorth

[Steve_TopNewYork]

Hi

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

.product-form__error-message-wrapper {
    display: none !important;
}

Thanks!

[Sivadarshan]

@steve_michael2 Thanks! But this will entirely hide the error message, I need the error message to placed under buy now buttons

[DaisyVo]

Hi @Sivadarshan ,

You can change this message to under the buy now button: https://prnt.sc/2TygOUhXTjn3

This way it won’t change your buttons.

If you agree we can help you fix it

Best regards,

Daisy

[Sivadarshan]

@DaisyVo Thanks for this! Where to find this line in code editor? (Which file), whether it works for mobile too…

[DaisyVo]

Can you share edit code permission for me?

[Sivadarshan]

@DaisyVo Don’t take it has mistake, I’m newbie shopify developer, so I want to learn more regarding shopify, if you guide me rather than making changes by yourself will be very useful. If it doesn’t work i’ll provide you the access.

[DaisyVo]

@Sivadarshan

You can find this code in buy-buttons.liquid: https://prnt.sc/0RusO5Z8WgG0

You put that code below the form and it will display below the buy it now button: https://prnt.sc/2_ziDF7-iHqg

I hope it can help you!