导航栏和 slider 层难度

Question

I'm having difficulty getting a navbar and a slider to work together. The problem is when it is in mobile view. If you click on the menu icon the menu item slide in from the side but the top ones are appearing stacked underneath the slideshow.

Here is a sample of it posted on my domain test page. http://ecfleming.com/test/index.html

I have tried using a z-index in the CSS as well as few other things. I suspect it might be something in the JavaScript, but I can not figure out what. Does anyone have any ideas of what I can try to fix this?

Answer 1

For a quick fix, you can add .cycle-slideshow { z-index:-1 }

Answer 2

Try not to hard code the height value of div id="header"

Fix the mobile view by removing the height 185px.