Dropdown showing expand arrow with no children [#238173]

I hope this is just a newbie question -- and I'm aware it may be more of a suckerfish issue than a litejazz one, although a quick search didn't seem to turn anything up.

I have a couple of menu items where there is the primary item, which drops down to sub-menu level one, which has items which expand to sub-menu level two, and items there which expand to sub-menu level three. On each of these sub-menu level three expansions (which are all child-less), the item shows the little triangle to the right as if there were further children. All child-less menu items on the previous sub-menus display without the triangle, just like they ought to.

I have tried deleting and re-creating the problem menu items and have also tried them with the 'expanded' checkbox both clicked and un-clicked. All I want is for these child-less menu items not to show the arrow indicating that they have children.

Is this:
a) my own dumb fault for overlooking something simple?
b) a litejazz issue?
c) an inherant limitation of the son of suckerfish menus?

Anybody got a solution or a workaround?

Comments

Comment #1

retswerb CreditAttribution: retswerb commented 24 March 2008 at 16:31

Category:

bug

» support

Sorry, I guess this should have been a support request rather than a bug report as I don't know the actual source of the problem.

Comment #2

roopletheme CreditAttribution: roopletheme commented 8 April 2008 at 17:41

Assigned:

Unassigned

» roopletheme

The CSS code for the LiteJazz suckerfish menus only theme elements two-deep into a nested menu structure. After that, things get a bit twisted. I'll look at adding additional styles to support deeper nesting levels in a future version.

Comment #3

bryancasler CreditAttribution: bryancasler commented 21 April 2008 at 03:11

I don't have the answer for the nesting problem, which I've spent way too much time trying to solve. However I did trim down and organize the CSS code quite a bit. Maybe someone can take it from here.

@charset "utf-8";
/* CSS Document */

#suckerfishmenu .block {
	margin-bottom:0;
	padding-bottom:0
}

#suckerfishmenu .block,
#suckerfishmenu .box {padding:0}

#suckerfishmenu h2 {display:none}

#suckerfishmenu {
	line-height:28px;
	background:#104a91 url(../images/blue/menu-bg.png) repeat-x;
}

#suckerfishmenu a {
	background:#104a91 url(../images/blue/menu-bg.png) repeat-x;
	color:#fff;
	display:block;
	text-decoration:none;
	font-size:95%;
	font-weight:700;
	border-right:#999 solid 1px;
	padding:0 14px
}

#suckerfishmenu a:hover {
	background:#717171 url(../images/blue/menu-bg-over.png) repeat-x;
}

#suckerfishmenu ul.menu {
	list-style:none;
	z-index:3;
	display:inline;
	padding:0
}

#suckerfishmenu ul.menu li {
	display:inline;
	float:left;
	height:1%;
	margin: 0;
	padding:0
	
}

#suckerfishmenu ul.menu li ul {
	position:absolute;
	width:200px;
	left:-999em
}

#suckerfishmenu ul.menu li ul a:hover {
	background:#104a91;
}

#suckerfishmenu ul.menu li ul ul {
	margin:-29px 0 0 199px
}

#suckerfishmenu ul.menu li li a {
	background:#717171;
	width:170px;
	border-bottom:1px #aaa solid;
	border-right:1px #999 solid;
	font-weight:400
}

#suckerfishmenu ul.menu li:hover ul ul,
#suckerfishmenu ul.menu li:hover ul ul ul,
#suckerfishmenu ul.menu li:hover ul ul ul ul,
#suckerfishmenu ul.menu li:hover ul ul ul ul ul,
#suckerfishmenu ul.menu li.sfhover ul ul,
#suckerfishmenu ul.menu li.sfhover ul ul ul,
#suckerfishmenu ul.menu li.sfhover ul ul ul ul,
#suckerfishmenu ul.menu li.sfhover ul ul ul ul ul {
    left:-999em;
}

#suckerfishmenu ul.menu li:hover ul,
#suckerfishmenu ul.menu li li:hover ul,
#suckerfishmenu ul.menu li li li:hover ul,
#suckerfishmenu ul.menu li li li li:hover ul,
#suckerfishmenu ul.menu li.sfhover ul,
#suckerfishmenu ul.menu li li.sfhover ul,
#suckerfishmenu ul.menu li li li.sfhover ul,
#suckerfishmenu ul.menu li li li li.sfhover ul{
    left:auto;
}

#suckerfishmenu ul.menu li li.expanded ul.menu a {background:#717171}
#suckerfishmenu ul.menu li li.expanded ul.menu a:hover {background:#104a91}

#suckerfishmenu ul.menu li li.expanded a,
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded a,
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded ul.menu li.expanded a,
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded ul.menu li.expanded ul.menu li.expanded a {background:#717171 url(../images/menu_arrow.png) 100% 50% no-repeat}

#suckerfishmenu ul.menu li li.expanded a:hover,
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded a:hover,
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded ul.menu li.expanded a:hover,
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded ul.menu li.expanded ul.menu li.expanded a:hover {background:#104a91 url(../images/menu_arrow.png) 100% 50% no-repeat}