I have the following static menu. In the following code, how will i define the class "sub-item" in wayfinder? it is in <a href>
I need this class for all 2nd level items.
<ul>
<li class="menu-active"><a href="index.html"><span>HOME</span></a></li>
<li><a href="what-is-als.html"><span>WHAT IS ALS</span></a></li>
<li><a href="wades-story.html"><span>WADE'S STORY</span></a></li>
<li ><a href="events.html"><span>EVENTS</span></a>
<ul>
<li><a class="sub-item first-item" href="batter-up-live.html">Batter Up Live</a></li>
<li><a class="sub-item" href="batter-up-fall-dinner.html">Batter Up Fall Dinner</a></li>
</ul>
</li>
<li><a href="links.html"><span>LINKS</span></a>
<ul>
<li><a class="sub-item first-item" href="#" target="_blank">Packard Center</a></li>
<li><a class="sub-item" href="#" target="_blank">ALS TDI</a></li>
<li><a class="sub-item" href="#" target="_blank">The Brain Bank</a></li>
<li><a class="sub-item" href="#" target="_blank">ALS Association</a></li>
</ul>
</li>
<li><a class="sub-item" href="contact-us.html"><span>CONTACT US</span></a></li>
</ul>
My current wayfinder code is:
[[!Wayfinder?
&startId=`0`
&rowTpl=`7in1menuRow`
&hereClass=`menu-active`
&firstClass=``
&lastClass =`` ]]
Thanks for the help in advance.