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

Store Design
, , , ,
1

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:

normnrvn_0-1695325439025.png
normnrvn_0-1695325439025.png444×401 8.59 KB

the script under theme.liquid is like this:

thank you very much in advance, help is very appreciated

2

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

3

Thank you. It’s norvine dot com

4

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.

SideNode_0-1695382112266.png
SideNode_0-1695382112266.png811×611 114 KB

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
5

Perfect!! thank you sooo much

1 Like