Support Center > Knowledge Base> Article: Hide HelpOut Tab / Live Chat button and Invitation Window on Mobile Phones

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

Article ID: 66613 Email Print
Question
Can I hide the HelpOut Tab / Live Chat button on Mobile Phones?

Answer

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

Article Details
Views: 18374 Created on: Jul 09, 2015
Date updated: May 26, 2016

Poor Outstanding