Cart drawer covered

Store Design
, , ,
1

Hi,
for some reason my cart drawer is always covered by my chatbot, also for mobile and it makes the checkout look bad. Can anyone please help?

Store: https://mobiledoggear.com/

I tried this:
.sidebar–opened .sidebar__container {
position: relative;
z-index: 1000;
}

and then this:
.site-cart-sidebar {
position: relative;
z-index: 9999 !important;
}

but they didn’t work :disappointed_face:

Daniel19901_0-1717572735408.png
Daniel19901_0-1717572735408.png1883×803 173 KB

2

@Daniel19901 Please let me know where do you prefer this chatbot to be shown in checkout.

3

Hi,

Could you please provide more details about your needs? There are two possible ways to address this:

  1. Hide the chatbot during the checkout or add-to-cart steps.
  2. Move the chatbot to a different position to show the cart drawer.

Once we understand your needs better, we can suggest a solution if possible.

4

Hi @Daniel19901 ,
Pls insert this code to your file css:

body:has(.sidebar--opened) #ShopifyChat {
    z-index: -1 !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: