Hi, I'm new to the DNN platform. I am in need of some help getting a couple of menus set up on a site I am working on. I am using the DDR menu and I've been able to set up a couple of the simpler menus myself using the token templates as a starting point. I have a couple of others that I am having trouble with and I hope you can help me. 

The first menu is a menu for a responsive phone view. I need to add a couple of dummy items in the ul elements underneath the top level to allow me to have a back to main menu link, a back one level link, and a section header in the nav. Here's an example of the html code I am trying to achieve:

<ul id="phoneMenu">

    <li class="menu-level0">

    <a href="#">Home</a>

    </li>

    <li class="menu-level0 has-child">

    <a href="#">Employers</a>

    <ul>

        <li class="menu-level1 backMain"><a href="#">Main Menu</a></li>

        <li class="menu-level1 sectionHeader"><a href="#">Employers</a></li>

        <li class="menu-level1"><a href="#">LWCC Interactive</a></li>

        <li class="menu-level1"><a href="#">Claims</a></li>

        <li class="menu-level1"><a href="#">Safety &amp; Health</a></li>

        <li class="has-child menu-level1"><a href="#">Forms &amp; Documents</a>

        <ul>

            <li class="menu-level2 backMain"><a href="#">Main Menu</a></li>

            <li class="menu-level2 backOne"><a href="#">Back One Level</a></li>

            <li class="menu-level2 sectionHeader"><a href="#">Forms &amp; Documents</a></li>

            <li class="menu-level2"><a href="#">Benefits &amp;Claims</a></li>

            <li class="menu-level2"><a href="#">Safety &amp; Health</a></li>

            <li class="menu-level2"><a href="#">Forms &amp; Documents</a></li>

            <li class="menu-level2"><a href="#">Return to Work</a></li>

            <li class="last menu-level2"><a href="#">Articles</a></li>

        </ul>

        </li>

    </ul>

    </li>

</ul>

The problem I'm having is that the depth classes are not being set right when I try to just add the dummy li elements in through the token text file template. I think it is because they aren't actually part of the node being written in so they have a depth that is one level higher than it should be. Based on my limited understanding of the documentation I think I may need to use the NodeManipulator parameter to add them, but I cannot find documentation on how to use it or an example. If you can help me I'd really appreciate it.

The second nav I'm having issue with is a subnav in a sidebar. In this case, I am trying to show the full list of pages under one root level page in the site, so for instance it would be something like this:

<aside class="sideBarLeft hidden-xs">

<h3><a href="#">Employers</a></h3>

<nav class="subNav">

<ul>

<li><a href="#">LWCC Interactive</a></li>

<li><a href="#">Claims</a></li>

<li><a href="#">Safety &amp; Health</a></li>

<li class="has-child"><a href="#">Forms &amp; Documents</a>

<ul>

<li><a href="#">Benefits &amp;Claims</a></li>

<li><a href="#">Safety &amp; Health</a></li>

<li><a href="#">Forms &amp; Documents</a></li>

<li><a href="#">Return to Work</a></li>

<li class="last"><a href="#">Articles</a></li>

</ul>

</li>

<li class="has-child"><a href="#">Fraud</a>

<ul>

<li><a href="#">LWCC Interactive</a></li>

<li><a href="#">CompZone</a></li>

<li><a href="#">Forms &amp; Documents</a></li>

<li><a href="#">Premium Audits/FAQs</a></li>

<li><a href="#">Pricing Programs</a></li>

<li class="last"><a href="#">Articles</a></li>

</ul>

</li>

<li><a href="#">OMNET</a></li>

<li><a href="#">Premium Audits/FAQs</a></li>

<li><a href="#">Pricing Programs</a></li>

<li><a href="#">Premium Audits/FAQs</a></li>

<li><a href="#">Return to Work</a></li>

<li><a href="#">Articles</a></li>

<li class="last"><a href="#">Credit/Debit</a></li>

</ul>

</nav>

</aside>

Now, I can get the navigation itself to display with no problem, but I'm trying to get the h3 element at the top to display the name of the page at the root level that this tree is a sub page of. I would need this to work in each section of the site. I used the NodeSelector parameter set to RootChildren to display the nav tree and that seems to work, except it doesn't display the actual root level element only the children (unless of course I am using it the wrong way). Can anyone recommend a way to achieve this? 

I appreciate your help and please bear with me as I am very new to DNN, so I apologize if I have any questions here that seem kind of dumb.

Thanks,

Brian Rivet