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

Question

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

我的代码有点冗长，所以评论中有代码笔（由于某些原因，我不会让它在这里发布）

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

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

Answer 1

从位置：绝对更改#navBar中的位置CSS;定位：相对;

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

希望这是理想的效果。