Make the bubble Responsive, for Responsive Designes websites
So that I might see it on my 27" iMac where I have a ton of space, and maybe also on my 8-10" iPad.
But finally having some other solution for small screen sizes like iPhone5's 4"
4 comments
-
Robert S
commented
Here is what I wound up doing. It was a suggestion from the chat folks and works to remove the entire chat option when viewing on a mobile device.
!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
if (Math.min(window.screen.availHeight,window.screen.availWidth) > 639) {
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='//cdn.zopim.com/YOUR ACCOUNT HERE;z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
}
</script>
<!--End of Zopim Live Chat Script-->Be sure to enter your account number. For Wordpress, I located this in the footer template of the child theme just above the </body> tag.
-
Dave
commented
I ended up removing the bubble due to the room it takes on mobile. Having a script or modification that could be made so as to display on desktop yet removed on mobile would be very nice as I'm sure it gets attention, yet on phone just takes up way too much room.
-
Robert S
commented
I am looking for the same solution.
-
SolarBlaster
commented
Please offer a way for the chat bubble to be removed when viewed from a mobile device on a responsive website. Currently, the Zopim widget takes up nearly the entire bottom half of the screen when viewing a responsive site on an iPhone. Please make it browser aware for smaller screens so mobile devices would only see the bottom bar and not the large bubble above it.