Menu Manager template uses <li class="sectionheader means you need to edit Stylesheet accordingly.
Edit: ok that was original code
Edit2: there
In MenuManager edit:
Code: Select all
<li class="sectionheader{if $smarty.foreach.menuitem.last} last{/if}">{$node->menutext}
to
Code: Select all
<li class="sectionheader{if $smarty.foreach.menuitem.last} last{/if}"><span>{$node->menutext}</span>
Then in stylesheet from /* second level */ to /* Third level, same syle as second level */ (well compare it):
Code: Select all
/* Second level */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left: 0;
[[if ($color == 'orange') or ($color == 'black')]]
top: 35px;
[[else]]
top: 70px;
[[/if]]
/* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left: 226px;
/* match ul width */
top: 0;
z-index: 999;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left: 226px;
/* match ul width */
top: 0;
}
.sf-menu {
margin-bottom: 1em;
}
ul.sf-menu li li {
margin-left: 0;
}
ul.sf-menu li.sectionheader:hover li span {
background: none;
}
.sf-menu li li a:link, .sf-menu li li a:visited, .sf-menu li li a:link span, .sf-menu li.sectionheader li span, .sf-menu li li a.current {
line-height: 30px;
padding: 0 8px;
color: #ebeaea;
font-size: .9em;
width: 210px;
}
.sf-menu li li a:visited span, .sf-menu li li a.current span, .sf-menu li li a:link span, .sf-menu li.sectionheader li a:link span {
padding:0;
}
.sf-menu li li a:link, .sf-menu li li a:visited , .sf-menu li.sectionheader li a:visited {
[[if $color == 'green']]
background: #175b0e; /* IE doesn't know whats rgba so we need fallback */
background: rgba(23,91,14,0.9);
border-bottom: none;
[[elseif $color == 'orange']]
background: #fa5f02; /* IE doesn't know whats rgba so we need fallback */
background: rgba(250,95,2,0.9);
border-bottom: none;
[[elseif $color == 'black']]
background: #202020; /* IE doesn't know whats rgba so we need fallback */
background: rgba(0,0,0,0.9);
border-bottom: none;
[[else]]
background: #233a58; /* IE doesn't know whats rgba so we need fallback */
background: rgba(35,58,88,0.9);
[[/if]]
}
.sf-menu li li a.current, .sf-menu li.sectionheader li a.current{
[[if $color == 'green']]
background-color: #175b0e; /* if current submenu show solid background */
[[elseif $color == 'orange']]
background-color: #fa5f02; /* if current submenu show solid background */
[[elseif $color == 'black']]
background-color: #202020; /* if current submenu show solid background */
[[else]]
background-color: #233a58; /* if current submenu show solid background */
[[/if]]
background-image: none; /* remove background image from first level */
}
.sf-menu li li a.current span{
background-image: none;
}
.sf-menu li li a:hover span, .sf-menu li li a:active span, .sf-menu li.sectionheader li a:hover span{
background: transparent;
[[if $color == 'green']]
color:#175b0e;
[[elseif $color == 'orange']]
color:#fa5f02;
[[elseif $color == 'black']]
color:#1861bd;
[[else]]
color: #233a58;
[[/if]]
}
.sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li.sectionheader li a:hover {
background: #ebeaea; /* IE doesn't know whats rgba so we need fallback */
background: rgba(235,234,234,0.9);
[[if $color == 'green']]
color:#175b0e;
[[elseif $color == 'orange']]
color:#fa4e02;
[[elseif $color == 'black']]
color:#1861bd;
[[else]]
color: #233a58;
[[/if]]
}
