Отзывчивая панель навигации скрывает элемент ниже.

Question

Я создал отзывчивую панель навигации, но это делает элемент ниже, плагин Flexslider, исчезает. До того, как я сделал панель навигации, Flexslider ниже будет отображаться просто отлично, но теперь это не так. Z-индекс для navbar равен 2, поэтому я не знаю, в чем проблема. Как/Что я должен изменить, чтобы позволить Flexslider показывать, и панель навигации по-прежнему реагирует? Спасибо!

Мой код немного длинно, так что есть кодовые ручки в комментариях (это не позволит мне разместить их здесь по какой-то причине)

Вот ссылка на сайт без отзывчивым навигации, но это показывает FlexSlider: http://bancroftmiddleschool.org

Ссылка на файл с адаптивной навигацией, но не показывает FlexSlider: http://bancroftmiddleschool.org/index%20copy.html

Answer 1

Изменить положение CSS в #navBar с позиции: абсолютной; на позицию: relative ;.

#navBar{ 
    position: relative; 
    /* leave rest of the css unchanged */ 
} 

Надеюсь, это желаемый эффект.