Как всегда скрывать боковую панель при загрузке в Gentelella, как в мобильном режиме?

Question

Мне нужно постоянно скрывать боковое меню по умолчанию, чтобы при нажатии пользователем кнопки переключения отображалось свернутое меню (nav-sm).

Другими словами, мне нужно одинаковое поведение мобильного режима на всех устройствах. Я очень старался, но не смог добиться успеха!

Answer 1

Не уверен, что у кого-то возникли проблемы, но вот что я нашел:

Классы nav-sm, nav-md и nav-lg определяют стиль боковой панели. Теперь nav-md является оригинальным режимом gentelella и скрывает боковую панель для небольших устройств. Я делаю это с помощью запроса @media:

@media (max-width: 991px) {
    .nav-md .container.body .right_col,
    .nav-md .container.body .top_nav {
        width: 100%;
        margin: 0
    }
    .nav-md .container.body .col-md-3.left_col {
        display: none
    }
    .nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0
    }
    .right_col {
        padding: 10px !important
    }
}

Если вы делаете то же самое вне запроса, он переопределяет исходные стили, и боковая панель будет работать одинаково на любом устройстве... Это то, что я хотел, хотя я уверен, что это довольно уродливый способ сделать это. Если кто-то видит это и лучше понимает, я был бы признателен за некоторые комментарии.

PS: это на самом деле создает новую проблему с синим фоном внизу страницы. Но это другая история.

Это полезно: https://misc.laboradian.com/dashboard-sample/1/

Answer 2

Вы можете создать контейнер nav.php и поместить свойство nav-sm в свой код, а затем включить его в свой indexwhatever.php...