Drop-down menus behind slider

HTML & CSS
1

Hi.

http://www.123club.co.uk/blog

This is a wordpress site using a child theme of Genesis and Cyclone Slider 2 plugin.

I am having a problem in that the drop down menus drop BEHIND the slider. I think I have been staring at the code for too long because I just can’t see why!

Can anybody help point me in the right direction so that the menus drop down in FRONT of the slider?

Cheers

2

Yes, it’s a z-index problem. Your slider divs are set to z-index: 96, and as they transition a higher z-index is set, so to override that, add this code to your style sheet:

.nav-secondary {
  position: relative;
  z-index: 200;
}
3

Brilliant - works a treat! Thank you so much for your help :smiley:

4

You’re welcome. :slight_smile: