Как сделать выполнение функции jquery только для мобильного разрешения?

Question

[Gera11]

Доброго дня!
Есть вот такие строки jquery скрипта. Которые убирают и добавляют css классы при прокрутке страницы.

$(window).scroll(function() {
    if($(this).scrollTop() > 40)
    {
        $('#nav1').removeClass('gbg');
        $('#nav1').addClass('rounded-0 gbg2 py-1');
        $('#nava').removeClass('btn-outline-danger');
        $('#nava').addClass('btn-danger');
        $('#loga').removeClass('wa100');
        $('#loga').addClass('wa80');
    } else {
        $('#nav1').removeClass('rounded-0 gbg2 py-1');
        $('#nav1').addClass('gbg');
        $('#nava').removeClass('btn-danger');
        $('#nava').addClass('btn-outline-danger');
        $('#loga').removeClass('wa80');
        $('#loga').addClass('wa100');
    }
});

Как сделать так, чтобы при просмотре сайта с телефона (500px), выполнялось только то что в 'else' ?

Answer 1

[xmoonlight]

Тут метод по проверке CSS-media свойства через JS.