strelcov
@strelcov
Краток

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

Доброго дня!
Ребята, есть задача.
Есть два рекламных блока adsdesktop и adsmobile.
Когда на сайт зашли с компьютера нужно выводить adsdesktop и скрывать adsmobile.
Когда зашли с мобильного устройства, наоборот соответственно.

Подскажите решение, как реализовать правильнее? Возможно под WP есть плагины для этих дел?

В сети нашел этот код, подходит-ли он и как его применить?
<script type="text/javascript"> 
    var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
    if (mobile) { 
        alert("Мобильное устройство!!");
        $('.navWrap').css('display', 'none'); // или можно $('.navWrap').hide();
    } 
    else 
    { 
       alert("НЕ мобильное устройство!"); 
    }
</script>
  • Вопрос задан
  • 2615 просмотров
Пригласить эксперта
Ответы на вопрос 1
@kotemedia
Режу
@media (max-width: 768px) {
. adsdesktop {
    display: none;
  }
. adsmobile {
display: block;
 }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы