Modern Portfolio Menu/Slider issue

[haerogMember]

Hello and happy New Year. I'm having a bit of an issue with our menu and slider to our theme.

"Children's Classes" has 3 dropdowns for menu selections. The third dropdown, "Dragons" comes down
behind our slider image. Is there a simple way to make the menu item appear on top of the slider
so that it is visible? Here's the website http://bit.ly/1OB2uuC .

Thanks in advance for any and all help.

http://bit.ly/1OB2uuC

[TomParticipant]

HNY2U2!

In your child theme stylesheet at line 1019 you will find this code:

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #222;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

Change the value for "z-index" to 999 .

CSS Tricks has a good article about z-index.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[haerogMember]

That was it. Thank you so much!

[Author]

Posts