How can I remove the inbox from my drawer cart in Brooklyn theme?

Shopify Apps

Topic summary

A user seeks to remove the Shopify Inbox chat widget from the drawer cart in the Brooklyn theme while preserving the drawer cart functionality.

Solution provided:

  • Navigate to: Admin store → Online Store → Themes → Actions → Edit code
  • Add CSS code to hide the inbox iframe element
  • Target specific selectors in the theme’s CSS file to set display: none !important

Outcome:
The original poster confirmed the solution worked successfully. Another user reported applying a similar CSS fix on the Dawn theme with positive results.

Status: Resolved through CSS customization that hides the chat widget without affecting drawer cart features.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Hello the website is geminibyguy.com

I have the theme brooklyn and i need to remove the shopify inbox from my cart. I have the drawer cart and cart page but would like to keep the drawer cart feature.

Please help me. Theme is Brooklyn. If you have a code or anything please let me know so it can not be on the drawer cart anymore.

Here is a photograph:

B1CD10DD-32CA-40BE-AE5F-5A0887069D14.png
B1CD10DD-32CA-40BE-AE5F-5A0887069D14.png828×1792 94.2 KB

2

Hi @gemini124 ,

You can do the follow code below.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the theme.scss file.
  3. Add the code below.
.js-drawer-open #dummy-chat-button-iframe {
display: none !important
}
1 Like
3

Thank you sooooooo much!!!

4

I did this on Dawn and it’s working well so far.

.drawer.active ~ #shopify-chat {
  display: none;
}