Slider revolution stays on the front of my toggle menu

[Historical Forums User]

Hello,

Right now i am trying to make a responsive webdesign with a revolution slider.

http://www.enpato.nl/slider.html This is where i am at.
( also slider is not showing on the httpS version: https://www.enpato.nl/slider.html )

If i resize the window my menu will collapse into a hamburger menu. Now if i want to toggle it. It stays behind the slider.

I don’t see how to fix it. Please help!

Thanks in advance!

[Historical Forums User]

anyone?

[JeroenR]

Your sliders element rs-module-wrap has a z-index of 1.
There is no z-index on your nav element. So at this moment the nav element will stay below the slider.
Setting the z-index to 2 for example on your nav element will solve this, because the higher z-index will push your nav to the top.

This works because these 2 elements are currently relatively positioned to the same parent which is body.
Not sure what the dark grey background is for, but it makes the links not easy to read. But maybe it is just for testing.

Good luck!

Jeroen

[Author]

Posts