Navigations


Header: Responsive Bootstrap Collapse

Copy this code and place it in cph_header_nav to utilize Bootstrap Collapse header navigation.

                      
<div class="collapse navbar-collapse" id="sitename-navbar-collapse">
    <div class="row">
        <ul class="nav navbar-nav">
            <li>Link 1</li>
            <li>Link 2</li>
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown Link <b data-toggle="dropdown" class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                    <li>Sublink</li>
                    <li>Sublink 1</li>
                </ul>
            </li>
        </ul>
    </div>
</div>



Left/Center/Right Column: Responsive FLEXNAV

FLEXNAV - http://jasonweaver.name/lab/flexiblenavigation/

Copy this code and place it in cph_left_column or any custom layout within cph_body_accessories.

           
    <div class="menu-button"><span class="h3">Navigation Demo<span></div>
    <nav> 
    <ul class="flexnav" data-breakpoint="800">
    <li>Level 1</li>
    <li>Level 2
    <ul>
    <li>Sub 2</li>
    <li>Sub 2</li>
    </ul>
    </li>
    <li>Level 3
    <ul>
    <li>Sub 2</li>
    <li>Sub 2</li>
    <li>Sub 3
    <ul> 
    <li>Sub 3</li> 
    <li>Sub 3</li>
    <li>Sub 3</li> 
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </nav>