Hello,
Using evolution 1.5
I am trying to get multiple sub menus to work for my menu. I can get the first sub menu to work, but when I have a parent inside of a parent that has a child it will not show.
Example - Parent
Child
Grand Child
http://choices.usouthal.edu/
The resource link has the example above.
here is the call: <div id="navigation">
[[Wayfinder?startId=`0` &parentRowTpl=`parentRowTpl ` &outerTpl=`outerTPL` &rowTpl=`rowsTPL` &innerTpl=`innerTPL` &innerRowTpl=`innerRows` &level=`0` ]]
</div>
ParentRowTPL: <li [+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a>
<!--[if lte IE 6]>
<a class="sub" href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]
<table><tr><td>
<![endif]-->
[+wf.wrapper+]
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
InnerTPL:<ul class=" sub-level " [+wf.classes+] >[+wf.wrapper+]</ul>
InnerRowTPL: <li class=" "[+wf.classes+]>
<a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+]</a> </li>
outerTPL:<div id="navigation" [+wf.classes+]>
<ul class="top-level">
[+wf.wrapper+]
</ul>
</div>
RowsTPL:<li class="" [+wf.classnames+]><a href="[+wf.link+]" title="[+wf.title+]">[+wf.linktext+] </a>[+wf.wrapper+]</li>
CSS:
#navigation {
width: 260px;
font-size: 0.95em;
}
#navigation ul {
margin: 0px;
padding: 0px;
}
ul.top-level { background: #666; }
#navigation li { list-style: none; }
ul.top-level li {
border-bottom: #fff solid;
border-top: #fff solid;
border-width: 1px;
}
#navigation a {
color: #fff;
cursor: pointer;
display:block;
height:30px;
line-height: 25px;
text-indent: 10px;
text-decoration:none;
width:100%;
}
#navigation a:hover{ text-decoration:underline; }
#navigation li:hover {
background: #f90;
position: relative;
}
ul.sub-level { display: none; }
li:hover .sub-level {
background: #999;
border: #fff solid;
border-width: 1px;
display: block;
position: absolute;
left: 75px;
top: 5px;
}
ul.sub-level li {
border: none;
float:left;
width:260px;
}
#navigation .sub-level { background: #999; }
#navigation .sub-level .sub-level { background: #09C; }
/*IE RESET HELPER*/
li:hover .sub-level .sub-level { display:none; }
.sub-level li:hover .sub-level { display:block; }
Thank you for any help
