Pop up cart overlapping logo mobile

Solved

Pop up cart overlapping logo mobile

Detailking
Tourist
12 0 4

Hi there!

 

The pop up cart it overlapping with the logo of the header. It's only on mobile. 

 

I've added a picture. I use Dawn theme.

 

www.detailking.nl

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11708 2294 2476

This is an accepted solution.

hi @Detailking 

You can solve it by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.cart-notification-wrapper .cart-notification { z-index: 4; }

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 2 (2)

amine_diouane
Shopify Partner
35 4 6

hi there, 
you can fix your problem by adding z-index: 10000 to this class name ".cart-notification-wrapper":

.cart-notification-wrapper {
    position: relative;
    z-index: 10000;
}

 if you have any questions don't feel free to ask. 
good luck

Dan-From-Ryviu
Shopify Partner
11708 2294 2476

This is an accepted solution.

hi @Detailking 

You can solve it by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.cart-notification-wrapper .cart-notification { z-index: 4; }

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.