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:
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!!
;
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:
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
Try adding
position: relative;
z-index: 1;
to this selector:
#navbar .nestedPages li.dropdown-hover, ul#toolbar ul.toolbar-dropdown li.dropdown-hover