Как скрыть панель с помощью CSS?

Question

[Nik Master]

Здравствуйте. Ребята выручайте. Уже всё перепробовал, не получается скрыть панель на сайте. Пробовал подтянуть контент на верх, но при прокрутке она всё-равно на секунду появляется.
Скриншот:

Вот ссылка:
https:/purihemp.com/

Answer 1

[oink]

NikMaster777,

#nav-wrapper {
    display: block;
}

#navbar {
    position: absolute !important;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

Так получилось, хоть и не очень красиво. Суть проблемы в том, что меню на самом деле находится в нижней строке, которую вы пытаетесь скрыть, просто оно смещено визуально в верхнюю часть шапки посредством position: relative. Если вырвать его из потока, а также задать корректное поведение для родителя, получается как надо.

Comments

[Nik Master]

Да, так срабатывает. Но слетает меню в мобильной версии. Вот если бы не моб версия меню, то меня такой вариант устроит. Спасибо.

[oink]

NikMaster777, медиа-запросы в помощь. Применяйте эти стили, которые я написал, только до того момента, как ширина экрана не будет уменьшаться до появления мобильного меню.

[Nik Master]

oink, Я так и сделал. У меня медиа есть min-width: 992px туда и прописал. Но к моему удивлению меню слетело.

[Nik Master]

oink, Спасибо огромное. Видимо я в коде нагородил лишнего пока пробовал. Откатил файлы и прописал в медиа предложенный Вами код. Всё работает.