Как убрать виджет онлайн консультанта из мобильной версии сайта

Автор alluseful, 21-12-2015, 10:37:28

« назад - далее »

allusefulTopic starter

Здравствуйте коллеги.
Кто нибудь решал такой вопрос?
Виджет онлайн консультанта немного но портит вид сайта на мобильных устройствах.
Надо наверное в скрипт какую то команду добавить, но вот как это сделать - не знаю.
Помогите пожалуйста.
Сайт на Битрксе.
Вот скрипт консультанта:
<!-- Start SiteHeart code -->
<script>
(function(){
var widget_id = 799978;
_shcp =[{widget_id : widget_id}];
var lang =(navigator.language || navigator.systemLanguage
|| navigator.userLanguage ||"en")
.substr(0,2).toLowerCase();
var url ="widget.siteheart.com/widget/sh/"+ widget_id +"/"+ lang +"/widget.js";
var hcc = document.createElement("script");
hcc.type ="text/javascript";
hcc.async =true;
hcc.src =("https:"== document.location.protocol ?"https":"http")
+"://"+ url;
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hcc, s.nextSibling);
})();
</script>
<!-- End SiteHeart code -->


Andrewk74

Проследите, какой элемент добавляет скрипт на сайт (вычислите его ID или класс), и в стилях дайте ему display:none для нужного вам разрешения.

Примерно так:
@media (max-width: 767px)

{
.shc.sh_chat, #sh_button {display:none;}
}


allusefulTopic starter

Цитата: Andrewk74 от 21-12-2015, 12:02:43
Проследите, какой элемент добавляет скрипт на сайт (вычислите его ID или класс), и в стилях дайте ему display:none для нужного вам разрешения.

Примерно так:
@media (max-width: 767px)

{
.shc.sh_chat, #sh_button {display:none;}
}

Спасибо большое за помощь.
Подскажите пожалуйста.
Куда конкретно эту строчку вставить?
В скрипт? или на сайт?
К сожалению не силен в этом.
Какой результат будет? окошко онлайн консультанта вообще не будет показываться или будет просто меньших размеров?

Andrewk74

Это нужно вставить в любой из подключаемых файлов .css. В крайнем случае вставьте на все страницы сайта код

<style>

@media (max-width: 767px)

{
.shc.sh_chat, #sh_button {display:none;}
}

</style>
Работает это так: Если у экрана устройства, с которого просматривают сайт, ширина меньше 767 пикселей, то окошко чата будет скрыто.

Добавлено: 21-12-2015, 22:51:58


alluseful, отпишитесь, получилось ли.

allusefulTopic starter

Цитата: Andrewk74 от 21-12-2015, 22:06:45
Это нужно вставить в любой из подключаемых файлов .css. В крайнем случае вставьте на все страницы сайта код

<style>

@media (max-width: 767px)

{
.shc.sh_chat, #sh_button {display:none;}
}

</style>
Работает это так: Если у экрана устройства, с которого просматривают сайт, ширина меньше 767 пикселей, то окошко чата будет скрыто.

Добавлено: 21-12-2015, 22:51:58


alluseful, отпишитесь, получилось ли.

Спасибо за помощь!!!
Все получилось, вставил предложенную вами строчку в шаблон сайта и действительно окно консультанта перестало появляться на мобильных устройствах.