example of manually coded main nav in MODX as opposed to using wayfinder for everything
<header>
<a href="[[++site_url]]" class="logo">Heart Coffee Roasters</a>
<nav class="primary">
<ul>
<li class="home"><a href="[[++site_url]]">Home</a></li>
<li class="about">
<a class="tap-touch " href="[[~12? &scheme=`full`]]">About<span class="extra"> Heart</span></a>
<div class="dropdown-mask">
<div class="dropdown">
<ul>
[[getResources?
&parents=`12`
&tpl=`anchor-list-item`
&limit=`0`
&depth=`0`
&sortby=`menuindex`
&sortdir=`ASC`
]]
</ul>
</div>
</div>
</li>
<li class="blog"><a href="/blog"><span class="extra">The </span>Blog</a></li>
[[-<li class="shop"><a href="[[~[[!++shop_id]]? &scheme=`full`]]">Shop<span class="extra"> Online</span></a></li>]]
</ul>
</nav>
<iframe src="[[++cart_iframe]]" height="18px" frameborder="0" class="cart" scrolling="no"></iframe>
</header>