Developer: How to hide the chat on smartphones?

Signup for a free 18-days trial today

Developer: How to hide the chat on smartphones?

In Knowledge base >

You can easily hide the chat on smartphones by using CSS media queries. Please take a look at the following example for hiding the chat when in portrait mode on iPhone.

/********
 * IPhone (portrait)
 ******/
@media only screen
and (max-device-width : 320px) {
	.domain_floatbtn, #outer-framedomain {
		display:none !important;
	}
}

You have to replace domain, with the subdomain of your account at cSupport. So if your domain is mychatdomain.csupporthq.com you should use mychatdomain instead of domain in the above code.

You can add max-width to catch more than just iPhone, and modify the value to catch landscape as well.