响应式导航栏隐藏其下方的元素

Question

我创建了一个响应式导航栏，但它使下面的元素，一个 Flexslider 插件，消失了。在我制作导航栏之前，下面的 Flexslider 会显示得很好，但现在却没有。导航栏的 z-index 为 2，所以我不知道问题出在哪里。我应该如何/我应该改变什么以允许 Flexslider 显示并且导航栏仍然响应？谢谢！

我的代码有点长，所以在 cmets 中有代码笔（它不会让我把它们贴在这里）

这是一个没有响应式导航的网站链接，但它显示了 Flexslider：http://bancroftmiddleschool.org

使用响应式导航链接到文件，但不显示 Flexslider：http://bancroftmiddleschool.org/index%20copy.html

Answer 1

将#navBar 中的位置 CSS 从 position:absolute;到位置：相对；。

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

希望这是预期的效果。