Определение мобильного клиента через userAgent и регулярное выражение до адаптивного переключения скриптов

Разбор задачи

Начальное разветвление удобно для подгрузки тяжёлых блоков ниже складки. Не смешиваем этот метод с авторизационной безопасностью — там только проверки на сервере.

function isPortableClient() {
    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
 }

$('#hero-slider').toggleClass('is-compact-view', isPortableClient());

Если нужен более стабильный эвристика — matchMedia('(pointer: coarse)') и комбинируйте её с UA.

Замечания перед выкладкой

Вносите правки только через среду с бэкапом и понятным diff. Если сниппет идёт в шаблон на Битрикс, проверьте конфликт с уже подключённым jQuery/UI и включите «отложенный» запуск там, где длинный главный файл может обрезать DOMContentLoaded.