We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 52600
    • 1 Posts
    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?