Shopify Inbox icon is covering content

Shopify Inbox is a free Shopify app allowing to connect with your customers easily. Unfortunately, Shopify implemented this app in a way that their chat button is covering all the content, including potentially important elements such as checkout button.

There is, hopefully, a simple way to solve this.

1. Open the theme editor, click on the "Theme settings" icon (outlined in (1) below) and then click on "Custom CSS":

2. Inside the "Custom CSS", add the following code at the end:

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

Save, and your chat button will now be hidden when a modal or drawer is open.