Solved

Shopify Inbox Hide / Put behind the cart Drawer & Menu

Skviotu
Shopify Partner
7 0 1

I'm trying to hide Shopify Inbox Chat behind Cart Drawer and Menu but no luck.

 

Currently I have code: 

 

.js-open-cart-drawer #shopify-chat {
display: none !important;
}
iframe#shopify-chat {
z-index: 10 !important;
}

 

Tried as well: 

 

.js-open-cart-drawer #dummy-chat-button-iframe { display: none; }

iframe#dummy-chat-button-iframe { z-index: 10 !important; }

 

Can anyone help to hide this when cart drawer or menu is opened? url: roxiecosmetics.co.uk

 

Zrzut ekranu 2024-02-22 125039.png

 

 

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2057 594 466

This is an accepted solution.

Ok thanks haha, if it's off I cannot write test code.  Anyway just follow the instructions below

 

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
inbox-online-store-chat#ShopifyChat {
    z-index: 39 !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708604517274.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
2057 594 466

Hey @Skviotu,

 

I can't even see the chat button at all. Couldn't find it in the Inspect window as well. Did you disable it?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Skviotu
Shopify Partner
7 0 1

yes, should i switch this on?

Skviotu
Shopify Partner
7 0 1

i did switch this on

ThePrimeWeb
Shopify Partner
2057 594 466

This is an accepted solution.

Ok thanks haha, if it's off I cannot write test code.  Anyway just follow the instructions below

 

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
inbox-online-store-chat#ShopifyChat {
    z-index: 39 !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708604517274.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!