Checkout Button Overlapped by Tooltip in Mini Cart

[littlemaster]

I'm facing an issue with my Shopify store's checkout button in the mini cart (drawer cart). When an item is added to the cart, a black tooltip or overlay appears over the "Checkout" button, making it difficult to click.

I've attached a screenshot for reference.
I'm using DAWN theme with some minor customizations.

https://www.lillmaster.com/ 

[Moeed · Accepted solution]

Hey @littlemaster 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
form#cart-notification-form button {
    width: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
a#cart-notification-button {
    margin-left: 0 !important;
    width: 100% !important;
}
</style>

RESULT

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed