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

Автор Тема: Как убрать виджет онлайн консультанта из мобильной версии сайта  (Прочитано 4435 раз)

Оффлайн allusefulАвтор темы

  • Бизнес оценка: (1, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 445
  • Сообщений: 730
  • Карма: 91
  • Пол: Мужской
  • https://art-decoro.ru/
    • Просмотр профиля
    • Арт-Декоро творческая мастерская

Оффлайн allusefulАвтор темы

  • Ветеран
  • *****
Здравствуйте коллеги.
Кто нибудь решал такой вопрос?
Виджет онлайн консультанта немного но портит вид сайта на мобильных устройствах.
Надо наверное в скрипт какую то команду добавить, но вот как это сделать - не знаю.
Помогите пожалуйста.
Сайт на Битрксе.
Вот скрипт консультанта:
<!-- 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 -->
https://art-decoro.ru/ - творческая мастерская


Оффлайн Andrewk74

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 29
  • Сообщений: 93
  • Карма: 7
    • Просмотр профиля
    • Разработка сайтов под ключ

Оффлайн Andrewk74

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

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

{
.shc.sh_chat, #sh_button {display:none;}
}
« Последнее редактирование: 21-12-2015, 13:05:49 от Andrewk74 »

Оффлайн allusefulАвтор темы

  • Бизнес оценка: (1, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 445
  • Сообщений: 730
  • Карма: 91
  • Пол: Мужской
  • https://art-decoro.ru/
    • Просмотр профиля
    • Арт-Декоро творческая мастерская

Оффлайн allusefulАвтор темы

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

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

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

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

Оффлайн Andrewk74

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 29
  • Сообщений: 93
  • Карма: 7
    • Просмотр профиля
    • Разработка сайтов под ключ

Оффлайн Andrewk74

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

<style>

@media (max-width: 767px)

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

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

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

alluseful, отпишитесь, получилось ли.
« Последнее редактирование: 21-12-2015, 23:51:58 от Andrewk74 »

Оффлайн allusefulАвтор темы

  • Бизнес оценка: (1, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 445
  • Сообщений: 730
  • Карма: 91
  • Пол: Мужской
  • https://art-decoro.ru/
    • Просмотр профиля
    • Арт-Декоро творческая мастерская

Оффлайн allusefulАвтор темы

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

<style>

@media (max-width: 767px)

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

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

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

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

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


 

Похожие темы