"Added to Cart" Popup Overlapping on Header

"Added to Cart" Popup Overlapping on Header

Spaceboy14
Excursionist
24 0 5

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: Screenshot (8).pngScreenshot (9).png

 

Tarek

Replies 4 (4)

Beae_Cass
Shopify Partner
436 167 180

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

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template
Spaceboy14
Excursionist
24 0 5

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

dentu786
Visitor
2 0 0

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
Visitor
2 0 0

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?