Salute! I want the jivosite online consultant not to appear with a monitor width of less than 770px.

CSS doesn't help:

@media (max-width: 770px) { #jivo_top_wrap, #jivo_chat_widget, #jivo-label-wrapper, div#jivo_chat_widget, #tel, #jivo, #jivo-iframe-container, #zub p { display:none; } }

JQUERY does not fit - because I do not want to connect the library I do not need.

 if( $(window).width() > 770) { код }

What other options could there be?

    3 answers 3

    You can correct the chat script itself, before I added to the beginning of the script:

     if (document.documentElement.clientWidth > 580) {

    Or write in Jivosite TP, they on request make individual css styles for the widget and logic of behavior.

      Css should help, maybe you do not correctly specify a selector or condition? Try also

       display: none !important;

        See: Dimensions of the window, document and elements

        You can use the window.outerWidth and window.outerHeight properties to get the entire browser window size in all browsers except Internet Explorer.