title: sticky nav for mobile/large foundation 6
body: <p>I want to learn foundation 6 but I have big problems to understand why it doesn't work and what am I doing wrong.</p>
  
  <p>I want to make sticky nav bar for small device and medium/large. for large it does work, for mobile it isn't sticky, just stays at the top....</p>
  
  <p>what am I doing wrong? I add div the same like for large, data-sticky-container and sticky class....
  nav on large scroll, but nav on small/mobile doesn't scroll....</p>
  
  <p><a href="http://codepen.io/paulcrowski/pen/ENBJVe" rel="nofollow noreferrer">http://codepen.io/paulcrowski/pen/ENBJVe</a></p>
  
  <pre><code>&lt;div data-sticky-container&gt;
          &lt;div class="small-12 sticky" data-sticky data-options="marginTop: 0"&gt;
              &lt;div class="off-canvas-content" data-off-canvas-content &gt;
                  &lt;div class="title-bar show-for-small-only"&gt;
                      &lt;div class="title-bar-left"&gt;
                          &lt;button class="menu-icon" type="button" data-open="mobile-menu"&gt;&lt;/button&gt;
                          &lt;span class="title-bar-title"&gt;Menu ver0.1mob&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="title-bar-right"&gt;
                          &lt;button class="menu-icon" type="button" data-open="basket-right"&gt;&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>