Superfish Hover, Submenu not Appearing

HTML & CSS
1

I’ve ran into this problem before and for the life of me, I can’t seem to remember how to solve this problem.

I have a menu that when you hover over a multiple menu item, the submenu doesn’t appear.

I’ve set the menu to a high z-index level and the banner (which seems to be hiding it), to a low one.

Would someone educate me on what I’m missing?–this time I’ll take notes!

2

Oh God, it’s Joomla, the website builder that should put up a sign saying “Abandon hope, all ye who enter” on its splash screen…

When there’s code like:

<div id="banner">
<div id="djslider-loader16" class="djslider-loader">
<div id="djslider16" class="djslider">
<div id="slider-container16" class="slider-container">
<ul id="slider16">

and seven different stylesheets (not counting the print.css), seriously how do you expect anyone (even yourself!) to be able to identify which rule needs to be changed? That’s the biggest problem with using a cheap CMS and all sorts of ‘clever’ widgets – they fill the code with so much carp* that it’s nigh-on impossible to figure out what’s what. You seem to have z-index in the right place and appropriate elements positioned, so I’m afraid I’m stuck…

(No doubt I will no be proven wrong by someone cleverer than I who can see exactly what’s causing the problem)

  • there’s always something fishy about it
3

superfish.css line 171 remove display: none;



.sf-menu li:first-child, .sf-menu li.first-child {
	display: none;
}
4

GoPalmer,

Thank you for taking the time to look into this for me. You did find the right place and it worked perfectly! Thank you!