"Added to Cart" Popup Overlapping on Header

[Spaceboy14]

Hey everyone, hope all is well. I would like to fix this overlapping issue I have. Basically, the popup card that appears when you add something to your cart overlaps with the header on both desktop and mobile sites. I have attached some screenshots below for more detail on what's happening, and hope somebody can help me! Thanks in advance.

Screenshots: 

Tarek

[Beae_Cass]

Hi @Spaceboy14 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
div#cart-notification {
    z-index: 999;
}
</style>

Best regards,

Anthony

[Spaceboy14]

Hey man thank you so much, it works! You're great, I appreciate all of your help!

[dentu786]

im about a year late lol but im still getting this issue after adding the above code. Any tips on how you got it to work? Anything else you had to do? 

[dentu786]

im about a year late lol but im still getting this issue after adding the above code. Any tips on how you got it to work? Anything else you had to do?