Hiding live chat on mobile

Dankurf
Member

Hello, 

 

My client wishes to hide live chat on mobile devices. I have the live chat code embedded on two sites, one a Wordpress install and the other Shopify. I've successfully hidden the chat on the Wordpress site with CSS and JS, but that did not work on Shopify. 

 

Additionally, WHEN I REMOVED THE EMBED CODE ENTIRELY FROM MY SHOPIFY SITE, THAT CHAT STILL APPEARS. This has persisted for four or five days now, across various browsers, clearinc cache etc.

 

I turned the website off and on again in hubspot. Same problem. 

 

Can anyone advise what might be going on?

10 Replies 10
Carlnz
Participant

I'm also looking for an answer to this. 
We are getting people complaining about the chat prompt taking up too much space on mobile screens.

I'd rather let first-time traffic read our site and not have this prompt. 

How do we hide on mobile?

meticulosity
Member | Gold Partner

I figured out how to do this on a website hosted on HubSpot's CMS as there is no option to disable mobile in the GUI.

 

If you paste this into your website's header, this will do it:

 

<style>
  @media screen and (max-width: 600px) {
    #hubspot-messages-iframe-container { display:none !impportant; visibility: hidden;}
}
</style>

I can't speak to a site on Shopify or WordPress using a HubSpot Sales website sales chat script via an embed code, but the above definately works on the HubSpot CMS.

 

PS - I also looked into using conditional JS to hide the chat script using a media query similar to CSS, but that won't work because it is called through the HubSpot tracking code so you can't edit that... 😞

0 Upvotes
TaniaFuchs
Participant

Thanks for the tip. We implemented in our non-hubspot (wordpress) web site and managed to hide the chat as well

Ssaeed
Participant

I would love to have a simpler way to either turn off the chat bot on certain pages or minimize it so that it isn't so big once someone goes on the webpage. The workaround is a bit complex and requires the help of IT and CSS coding etc. 

tei7
Member

Hubspot developers just need to put in a Mobile (on/off) switch when doing the live chat set-up

cravensnipes
Participant

Agreed! C'mon devs, this request is from 1.5 years ago. How hard is it to implement an on/off toggle for mobile? It completely obscures my mobile content (bottom right of the screen).

yuritonani
Contributor

 Hubspot is one of the biggest companies in the segment and it's crazy how it takes so long to implement such a easy stuff. 

0 Upvotes
donaceli
Participant

How come there is no one from HubSpot is answering?

0 Upvotes
donaceli
Participant

I have a menu at the bottom of the mobile screen of my website and life chat covers one of the menu items. How can I hide it or move it?

0 Upvotes
TiphaineCuisset
Community Manager

Hi @donaceli 

 

Thank you for reaching out. Is the solution provided by @meticulosity in this thread not working for you? 

At this stage there is no switch on/off on HubSpot to do that, however I'd recommend upvoting this Idea in our Ideas Forum regarding this. You can also subscribe to the idea (Options > Subscribe) to get notified if the status changes. 

 

Thank you

Best

Tiphaine


Saviez vous que la Communauté est disponible en français?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !