Hide HelpOut Tab / Live Chat button and Invitation Window on Mobile Phones

Can I hide the HelpOut Tab / Live Chat button on Mobile Phones?

You can hide the HelpOut Tab on mobile phone by using a CSS media query.

@media screen and (max-width: 480px){
    .lhn_help_btn{
        display: none !important;
    }
}

To hide Live chat button use this CSS:

@media screen and (max-width: 480px){
    #lhnChatButton{
        display: none !important;
    }
}

To hide invitiation window use this CSS:

@media screen and (max-width: 480px){
    .lhnInviteContainer{
        display: none !important;
    }
}

 This will target most mobile phones and will hide the HelpOut Tab / Live Chat Button and Invite windows.

You may then use any element on your mobile site to launch chat by linking it this way:

<a href="#" onclick="OpenLHNChat();return false;>Live chat</a>

 

Related articles