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

Для моего проекта 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();
        });
    });
}

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

Текущий просмотр моего проекта на данный момент: http://www.pixelsendots.be/klanten/aloca/