Bootstrap 4 липкая навигация с проблемой медиа-запросов

Question

Для моего проекта Bootstrap 4 я нашел скрипт липкой навигации, который отлично работает.Но я не хочу сценарий для моей маленькой точки останова.(менее 992 пикселей).

Я пробовал: if ($ (window) .width ()> = 992) {}, но, похоже, это не работает

Это мойкод без запроса и с запросом:

$(document).ready(function() {
    var stickyNavTop = $('.navbar').offset().top;
    var stickyNav = function(){
       var scrollTop = $(window).scrollTop(); 
        if (scrollTop > stickyNavTop) { 
            $('.navbar').addClass('sticky');

        } else {
            $('.navbar').removeClass('sticky');
        }
    };

    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});

if ($(window).width() >= 992) {
    $(document).ready(function() {
        var stickyNavTop = $('.navbar').offset().top;
        var stickyNav = function(){
           var scrollTop = $(window).scrollTop(); 
            if (scrollTop > stickyNavTop) { 
                $('.navbar').addClass('sticky');

            } else {
                $('.navbar').removeClass('sticky');
            }
        };

        stickyNav();
        $(window).scroll(function() {
            stickyNav();
        });
    });
}

Приведенный выше код должен применяться только к экранам шире / равным 992px

Просмотр моего проекта в реальном времени: http://www.pixelsendots.be/klanten/aloca/