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

Самый простой, но немного костыльный способ — это в CSS скрыть блок через медиазапрос путём присвоения ему display:none.

Пример:

@media only screen and (max-width: 600px) {
    #widget_id {
        display:none;
    }
}

Если требуется, чтобы и в коде он не выводился, то нужно сначала через JS определять размеры экрана и на экранах больше минимально допустимого значения делать AJAX-запрос на вывод модуля, тут уже все индивидуально. Если посещаемость/нагрузка на сайт относительно небольшая, не парьтесь и делайте первым способом.

Добавить комментарий