Can you hide the Shopify Inbox on mobile device pages?

[Lily25]

The Shopify Inbox is amazing for getting in touch with potential buyers, but can it be hided on mobile devices' pages? As you know, mobile phone's screen is smailer than PC but the icon of Shopify Inbox is too big for such a screen. 

[Lily25]

@SidouLF any suggestions on this issue?

[Lily25]

if anyone has the same issue, I found a solution, just follow these steps

1. Go to Online Store -> Theme -> Edit code

2. Open file theme.liquid then add these code below to above the </head> tag

<style> iframe#dummy-chat-button-iframe{ display: none; } </style>

[aarsaln]

div#shopify-chat {
display: none !important;
}

use this 

[Husain53]

in theme.liquid put the below code before </head>

{% style %} @media screen and (max-width: 670px) { div#shopify-chat{ display: none !important; }} {% endstyle %}

You can also check below site in mobile and desktop for verification 

ramakra.com

works for me