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>