выпадающая панель навигации гамбургера не видна при прокрутке на мобильном сайте

Question

Я работаю с этой темой Colorlib https://colorlib.com/wp/template/po-portfolio/comment-page-1/#comment-829144

и мне интересно, как сделать так, чтобы раскрывающаяся панель навигации гамбургера была видна при прокрутке на мобильном сайте.

Прямо сейчас мне нужно прокрутить весь путь до верхней части страницы, чтобы увидеть раскрывающиеся опции

Надеюсь, что это имеет смысл, спасибо за любую помощь или понимание

Answer 1

После применения выше CSS работает нормально и выглядит так, как вам нужно, смотрите ниже Скриншот.

Answer 2

Hello replace your style with below style:-

    @media screen and (max-width: 992px) {
     .site-navigation {
            position: fixed;
            top: 70px;
            left: 0;
            z-index: 99;
            width: 100%;
            height: 100vh;
            background: #fff;
            box-shadow: 0 12px 24px rgba(0,0,0,.09);
            visibility: hidden;
            opacity: 0;
            transition: all 0.35s;
        }
    }