Sticky top bar on Foundation 6

sticky-top-bar.html

<div id="siteContainer">
    <div id="siteNavStickyContainer" data-sticky-container>
        <div id="siteNavStickyWrap" class="sticky" data-sticky data-sticky-on="small" data-anchor="siteContainer" data-margin-top="0">
            <div id="siteNavToggler" class="title-bar" data-responsive-toggle="siteNav" data-hide-for="medium"> 
<!-- // your title-bar / toggler code  -->
            </div>
            <div id="siteNav" class="top-bar"> 
<!-- // your top-bar code -->
            </div>
        </div>
    </div>
    <div id="pageContent"> 
<!-- // your inner-page code -->
    </div>
</div>

<style>
  #siteNavStickyWrap { width: 100%; }
</style>

<!-- // taken from http://foundation.zurb.com/forum/posts/36690-how-to-create-a-sticky-top-bar-on-foundation-6 -->

Taken from http://foundation.zurb.com/forum/posts/36690-how-to-create-a-sticky-top-bar-on-foundation-6