Somehow, I successfully built my Foundation 5 Top Bar navigation menu using only 2 chunks, and it works fine. Typically, I only have one level of children — no grandchildren. Perhaps if I did, I would need another chunk? Honestly — I don't fully know whether my setup is proper, but it does work.
Wayfinder has been one of those topics – among many — that I have trouble wrapping my brain around. But, I've gotten it to where it works for what I need, so I figure – why mess with it?:)
I seem to remember early on in my learning wayfinder, that I was creating not only the inner and outer, but also an inner row and outer row that seem to not be necessary with my current menu. Then again, perhaps that's why I'm not seeing a tags and also possibly limiting my use of the true power of wayfinder?
I reviewed my code, and there's no place change a to span, as there are no a tags. There is an a & span tag in the title-area ul, but that is separate and unrelated to the actual navigation menu. That merely throws in the toggle bar for small and mobile display.
Perhaps Foundation has a specific class for parent items with no link other than to open the drop menu.
pdoMenu call:
[[pdoMenu?
&startId=`0`
&level=`3`
&outerTpl=`nav_ncitymain_outerTpl`
&innerTpl=`nav_ncitymain_innerTpl`
&outerClass=`top-bar`
&innerClass=`dropdown`
&parentClass=`has-dropdown`
]]
outerTPL
<nav [[+wf.classes]] data-topbar data-options="mobile_show_parent_link: true">
<ul class="title-area">
<!-- Title Area -->
<li class="name"></li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon">
<a href="#"><span>Menu</span></a>
</li>
</ul>
<section class="top-bar-section">
<ul class="left">
[[+wf.wrapper]]
</ul>
</section>
</nav>
innerTPL
<!-- nav_ncitymain_innerTpl -->
<ul[[+wf.classes]]>
[[+wf.wrapper]]
</ul>