Скрыть виджет «Сообщения сообщества» от ВК при просмотре на мобильном

А8
На сайте с 07.04.2014
Offline
31
1402

Добрый день.

Есть ли возможность сделать так, чтобы виджет «Сообщения сообщества», размещенный на сайте, не отображался при просмотре сайта с мобильного.

Вот код, который прописывается на странице

В head

<script type="text/javascript" src="https://vk.com/js/api/openapi.js?154"></script>

В body

<!-- VK Widget -->

<div id="vk_community_messages"></div>
<script type="text/javascript">
VK.Widgets.CommunityMessages("vk_community_messages", номер сообщества, {expanded: "1",tooltipButtonText: "Есть вопрос?"});
</script>
Z0
На сайте с 03.09.2009
Offline
759
#1

Антон8777, ну самые простые примерно так:

jquery так:


if($(window).width()<500) {
$('#vk_community_messages').hide();
}

через css так:


@media (max-width:500px) {
#vk_community_messages { display: none; }
}
А8
На сайте с 07.04.2014
Offline
31
#2

ziliboba0213, подскажите, пожалуйста, куда конкретно нужно вставить код. У меня сайт на джумла 2.5.

Z0
На сайте с 03.09.2009
Offline
759
#3
Антон8777:
ziliboba0213, подскажите, пожалуйста, куда конкретно нужно вставить код. У меня сайт на джумла 2.5.

Куда угодно, например над сюда:


<!-- VK Widget -->
<style>
@media (max-width:500px) {
#vk_community_messages { display: none; }
}
</style>
<div id="vk_community_messages"></div>
<script type="text/javascript">
VK.Widgets.CommunityMessages("vk_community_messages", номер сообщества, {expanded: "1",tooltipButtonText: "Есть вопрос?"});
</script>
А8
На сайте с 07.04.2014
Offline
31
#4

ziliboba0213, спасибо! Работает! Я только 500px на 800px заменил, а то получилось так, что при повороте экрана виджет появлялся.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий