Относительное положение делает липкое меню неработающим

Question

ОК. Меню Navbar (белая полоса) работает нормально и придерживается вершины, но когда я нажимаю на меню, класс Sticky больше не работает. Я понял, что является причиной проблемы, но я не уверен, как это исправить.

 /* This is Causing Sticky To Not Work After you Click On "Hamburger Menu" */
   .bottomnav.responsive {position: relative;}

Я пытался удалить .bottomnav.responsive {position :lative;}, но тогда меню не работает правильно, когда я это делаю. Пожалуйста, дайте мне знать, как лучше всего это исправить, не портя меню.

Вы можете посмотреть сайт здесь http://lonestarwebandgraphics.com/

Answer 1

Можете ли вы использовать этот код для липкой

    function fixed_top_menu() {
        var windows = $(window);
        windows.on("scroll", function () {
            var header_height = $(".bottomnav").height();
            var scrollTop = windows.scrollTop();
            if (scrollTop > header_height) {
                $(".bottomnav").addClass("sticky");
            } else {
                $(".bottomnav").removeClass("sticky");
            }
        });
    }
    fixed_top_menu();

.bottomnav.sticky{
 background-color: #fff;
 position: fixed;
 top: 0;
 }