solved How To Build A Mobile Menu for Slate Skin?

{*{if jrCore_is_mobile_device()}
    {jrCore_include template="header_menu_mobile.tpl"}
{/if}*}

{*{if jrCore_is_mobile_device()}
    {jrCore_include template="header_menu_mobile.tpl"}
{/if} *}

{if jrCore_is_mobile_device()}
    {jrCore_include template="header_menu_mobile.tpl"}
{/if} 

{if jrCore_is_mobile_device()}
    {jrCore_include template="header_menu_mobile.tpl"}
{/if}

<div id="header">
    <div id="header_content">

        {* Logo *}
        {if jrCore_is_mobile_device()}
            <div id="main_logo">
                {jrCore_image id="mmt" skin="jrSlate" image="menu.png" alt="menu"} <a href="{$jamroom_url}">{jrCore_image image="logo.png" width="170" height="40" class="jlogo" alt=$_conf.jrCore_system_name}</a>
            </div>
        {else}
            <div id="main_logo">
                {jrCore_image image="logo.png" width="191" height="44" class="jlogo" alt=$_conf.jrCore_system_name src_only=true assign="logo_src"}
                {$default_logo = "$jamroom_url/skins/jrSlate/img/logo.png"}
                {if $logo_src == $default_logo && jrUser_is_admin()}
                    <a href="{$jamroom_url}/core/skin_admin/images/skin=jrSlate"><img src="{$logo_src}" alt="{$_conf.jrCore_system_name}" title="click here to upload a new logo"></a>
                {else}
                    <a href="{$jamroom_url}"><img src="{$logo_src}" alt="{$_conf.jrCore_system_name}"></a>
                {/if}
            </div>
            {jrCore_include template="header_menu_desktop.tpl"}

        {/if}

    </div>
</div>

{jrMenu_display active=$menu_url}
<div id="jrmenu_content">
    <nav id="jrmenu-wrap">
        <ul id="jrmenu">
            {jrSiteBuilder_menu}
        </ul>
    </nav>
</div>

<li><a href="{$jamroom_url}">Home</a></li>
<li><a href="{$jamroom_url}/test">test</a></li>
<li><a href="{$jamroom_url}/testing_a_page">testing a page</a></li>
<li><a href="{$jamroom_url}/here_is_another">Heres another</a></li>
<li><a href="{$jamroom_url}/and_another">And Another</a></li>

{* OR ADD *}

            {jrSiteBuilder_menu}