Sticky announcement bar covers cart title

[silenceclothing]

Hello!

After i changed my announcement bar to be sticky, it covers the title of the cart when opened. I also want to change backround color for the cart and text color. Does anyone know how to fix this?

[Moeed]

Hey @silenceclothing

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 tag

RESULT:

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

Best Regards,
Moeed

[Made4uo-Ribe]

Hi @silenceclothing

You need to lower the z-index not higher than the drawer.

The drawer have 1000.

Make the announcement bar lower like

Then save.

Result:

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

[websensepro]

Hi @silenceclothing

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

cart-drawer.drawer.is-empty.animate.active {
    z-index: 11111 !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!