oink

NikMaster777,

#nav-wrapper {
    display: block;
}

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

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