Now my navigation menu is here
<ul class="menu">
<li>
<a href="#">home</a>
</li>
<li>
<a href="about.html">about</a>
</li>
<li>
<a href="work/">work</a>
<ul>
<li>
<a href="work/ui/">UI</a>
<ul>
<li>
<a href="work/ui/vv3c.html">vv3c</a>
</li>
</ul>
</li>
<li>
<a href="work/html5/">HTML5</a>
<ul>
<li>
<a href="work/html5/insigma.html">insigma</a>
</li>
</ul>
</li>
<li>
<a href="work/print.html">print</a>
</li>
</ul>
</li>
<li>
<a href="contact.html">contact</a>
</li>
</ul>
[[Wayfinder? &startId = `0`
&level = `3`
&outerTpl = `nav_outer`
&rowTpl = `nav_row`
&outerClass = `menu`
&innerClass = ``
&firstClass = ``
&hereClass = ``
&lastClass = ``
&levelClass = `level`
]]
nav_outer
<ul[[+wf.classes]]>
[[+wf.wrapper]]
</ul>
nav_row
<li>
<a href="[[+wf.link]]">[[+wf.linktext]]</a>
[[+wf.wrapper]]
</li>
But now I want my code is like this:
<ul class="menu">
<li>
<a href="#">home</a> <!--level1-->
</li>
<li>
<a href="about.html">about</a> <!--level1-->
</li>
<li>
<a href="work/">work</a> <!--level1-->
<ul class="multi-column">
<li>
<ul>
<li><span class="multi-column__title">UI</span></li> <!--level2-->
<li>
<a href="work/ui/vv3c.html">vv3c</a> <!--level3-->
</li>
</ul>
</li>
<li>
<ul>
<li><span class="multi-column__title">HTML5</span></li> <!--level2-->
<li>
<a href="work/html5/insigma.html">insigma</a> <!--level3-->
</li>
</ul>
</li>
<li>
<a href="work/print.html">print</a> <!--level2-->
</li>
</ul>
</li>
<li>
<a href="contact.html">contact</a> <!--level1-->
</li>
</ul>
That's means move level2's title to level3's 1st list, and add wrap <span class="multi-column__title"> </span>
How to modify my wayfinder?