Отзывчивый Nav Bar скрывает элемент Ниже

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

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

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

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

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

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

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