Hi I am trying to get zurb foundation 6 to have the off-canvas menu with sticky menu inside. Remaked off-canvas layout to have same height of sidebars and content blocks in desktop view.
Problem:
- Sticky menu not working in right off-canvas sidebar
<div class="off-canvas position-right reveal-for-medium sticky-container" id="offCanvasRight" data-off-canvas="" data-position="right" data-sticky-container="" aria-hidden="true" data-offcanvas="f9d5j6-offcanvas" style="height: 24px;">
<div class="off-canvas position-right reveal-for-medium" id="offCanvasRight" data-off-canvas data-position="right" data-sticky-container>
<div class="callout sticky" data-sticky data-margin-top="0">
<h5>This is a callout.</h5>
<p>It has an easy to override visual style, and is appropriately subdued.</p>
<a href="#">It's dangerous to go alone, take this.</a>
</div>
</div>
</div>
I've created a JSFiddle here that demonstrates the problem.