How to hide Zendesk Chat widget behind Shopify's Cart Drawer

I would love to know how to hide the Zendesk Chat Widget behind Shopify’s Cart Drawer

  • or - in other words, how to make the Cart Drawer cover the rest.

Right now it looks wrong as it’s covering the buttons in the drawer:

the script under theme.liquid is like this:

thank you very much in advance, help is very appreciated

hi @normnrvn
Its SideNode! We will be happy to help you today.
Could you please share the URL of the frontend, so I can view the website and check the issue?

Regards,
SideNode

Thank you. It’s norvine dot com

HI @normnrvn

May this help you.

1: Go to online store > themes > Actions > Edit code > ASSESTS > theme.css Add this code at the bottom.

.cart-drawer__overlay{
 z-index: 999999!important;
}

you can see the change.

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

1 Like

Perfect!! thank you sooo much

1 Like