sidr mobile menu wrapper + active

    <div id="sidr">
        <div class="mobile-header hidden">
            <div class="navbar-header align-center-v">
                <button type="button" class="navbar-toggle in">
                    <i class="icon icon-cancel"></i>
                </button>
            </div>

            <div class="navigation">
                <ul class="nav navbar-nav">
                    <li class="current_page_item"><a href="index.html">Home</a></li>
                    <li><a href="packages.html">Packages</a></li>
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="blog.html">The Blog</a></li>
                    <li><a href="contact.html">contact Us</a></li>
                </ul>

                <div class="woo-buttons">
                    <a href="#"><i class="icon icon-union-3"></i></a>
                    <a href="#"><i class="icon icon-cart"></i></a>
                </div> <!-- /woo-buttons -->
            </div>
        </div>
    </div><!-- /mobile-header -->



----------
js
--------------



    /*** Sidr Menu */
    $('.navbar-toggle').sidr({
        name: 'sidr-main',
        side: 'left',
        source: '#sidr',
        displace: false,
        renaming: false,
    });

    $('.navbar-toggle.in').on('click', function(){
        $.sidr('close', 'sidr-main');
    });