Group Toolbar Menu

Forums » CSS Help » Imploring you for knowledge

This group has been archived by its founder. It may still be viewed, but can no longer be joined or posted to.

So, I tend to be a joke when it comes to coding. I think my most extensive is copy & pasting old Tumblr template codes to see what I like and don't like and just cutting haphazardly through coding, not really understanding the consequences of doing so. I'll just put that out there right now.

I have a group that currently has epicness, and my navbar dropdown menus are running into a wee bit of a problem. If there's a youtube link at the top of a page, it will pop up on top of the dropdown menu. Here's an image to show you what I mean:

HGd1ICd.png

Now, I have no idea how to fix this. But here's the coding that makes up that part of the CSS:

#sub-navbar {background: #5d7c87; border: transparent;}
#navbar a, #sub-navbar a, #top-toolbar a, .toolbar-dropdown a {color: #2d2d2d}
#navbar a:hover, #sub-navbar a:hover, #top-toolbar a:hover,.toolbar-dropdown a:hover {color: #2d2d2d}
#navbar .nestedPages, ul#toolbar ul.toolbar-dropdown {border-color: #0a1612;}
#navbar .nestedPages li, ul#toolbar ul.toolbar-dropdown li {background: #b1b8bf; }
#navbar .nestedPages li.dropdown-hover, ul#toolbar ul.toolbar-dropdown li.dropdown-hover {background: #5d7c87;}

What do I need to add?

Many thanks!! ^_^;
Hey

Try adding

position: relative;
z-index: 1;

to this selector:

#navbar .nestedPages li.dropdown-hover, ul#toolbar ul.toolbar-dropdown li.dropdown-hover

Moderators: Green Auberon