StickyHeader BootstrapWP

    $(function(){
    // Check the initial Poistion of the Sticky Header
    var stickyHeaderTop = '500';

    $(window).scroll(function(){
        if( $(window).scrollTop() >= stickyHeaderTop ) {
            $('#fixed-header').css({display: 'block', position: 'fixed', top: '0px'});
        } else {
            $('.nav-collapse-solo').removeClass('new-height');
            $('#fixed-header').css({display: 'none', position: 'static', top: '0px'});
        }
    });

    });

----------------------------------


                <div class="navbar navbar-relative-top">
                <div class="navbar-inner">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse-main">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </a>

            <div class="container">

                    <a class="brand" href="" title="" rel="home"><h1 class="displace"></h1></a>
                    <div class="nav-collapse collapse left-aligned nav-collapse-main"><ul id="main-menu" class="nav"><li id="menu-item-1" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1 current_page_item menu-item-2"><a href="">Home</a></li>
<li id="menu-item-3" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3"><a href="">About</a></li>
<li id="menu-item-4" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4"><a href="">Blog</a></li>
<li id="menu-item-5" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5"><a href="">Contact</a></li>
<li id="menu-item-6" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6"><a href="">Features</a></li>
<li id="menu-item-7" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7"><a href="">Team</a></li>
</ul></div>

                <div class="navbar navbar-relative-top" id="fixed-header">
                <div class="navbar-inner">
                <a class="btn btn-navbar" data-toggle="" data-target="">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </a>

            <div class="container">

                <a class="brand" href="" title="" rel="home"><h1 class="displace"></h1></a>
                <div class="menu-main-menu-container"><ul id="main-menu" class="nav"><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1 current_page_item menu-item-2"><a href="">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3"><a href="">About</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4"><a href="">Blog</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5"><a href="">Contact</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6"><a href="">Features</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7"><a href="">Team</a></li>
</ul></div>
</div>
</div>
</div>

                <div class="nav-collapse collapse left-aligned in nav-collapse-solo"><ul id="main-menu" class="nav"><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1 current_page_item menu-item-2"><a href="">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3"><a href="">About</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4"><a href="">Blog</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5"><a href="">Contact</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6"><a href="">Features</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7"><a href="">Team</a></li>
</ul></div>