Responsive Nav Bar Hides Element Below It

I created a responsive navigation bar, but it makes the element below, a Flexslider plug-in, disappear. Before I made the navigation bar, the Flexslider below would show up just fi

Solution 1:

Change the position CSS in #navBar from position:absolute; to position: relative;.

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

Hope that's the desired effect.