How to fix cart drawer and header overlap in Dawn v7?

[Thusithaja]

Hi,

In my website cart drawer & header overlaps (image).Can anyone plz help me to solve this matter. I use dawn v7

[GemPages]

Hello @Thusithaja

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[MandasaTech]

Hello @Thusithaja
Please share your website URL.

[oscprofessional]

@Thusithaja
Hello, Can You Please Share Your Store URL?
I Will Check and Provide a Proper Solution

[Thusithaja]

https://eliwellnutrition.com/

[Thusithaja]

https://eliwellnutrition.com

[Thusithaja]

https://eliwellnutrition.com

[PageFly-Victor]

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->base.css

#shopify-section-header {
    z-index: 1 !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[oscprofessional]

@Thusithaja
Hello,

.drawer.is-empty.animate.active {
	z-index: 99999;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->component-cart-drawer.scss.liquid

Like This

[Thusithaja]

Thank you very much!!it worked

[Thusithaja]

but mobile mode it still happening.can you help me with that plz

[oscprofessional]

@Thusithaja
Hello,
I Have Checked Your Issue on Mobile View its proper Working

This Solution Its Useful so Please Like and Accept Solution
Thanks

[Thusithaja]

Thank you! I checked it with my friends mobiles & it works perfectly. but in my mobile it shows like this(image).do you have any idea why this happens ,I use chrome browser