レスポンシブ・ナバー・バーの下のエレメントを隠す

Question

レスポンス・ナビゲーション・バーを作成しましたが、その下のエレメント、フレックススライダー・プラグインが消えます。ナビゲーションバーを作成する前に、Flexsliderは下に表示されますが、今は表示されません。 navbarのz-indexは2になっているので、問題は何か分かりません。どのように/ Flexsliderを表示するために変更する必要があり、ナビゲーションバーはまだ応答しますか？ありがとうございました！

私のコードは少し長いので、コードペンがコメントである（それは私が何らかの理由でここにそれらを掲示させません）。ここ

は、応答ナビゲーションのないウェブサイトへのリンクです、 http://bancroftmiddleschool.org/index%20copy.html

Answer 1

変更位置から#navBarの位置CSS：応答ナビゲーションのファイルに、しかしFlexsliderは表示されませんhttp://bancroftmiddleschool.org

リンク：それはFlexslider示し、絶対に。ポジション：相対;

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

希望の効果が期待されます。