Menu icon Foundation
fixed off-canvas-list

I have made the tab-bar fixed to the top of the browser window but I am having trouble making the off-canvas-list fixed as well. I would like to have the ul appear at the top of the browser window when clicked rather than appear at the top of the page. Is this possible with Foundation 5?

off-canvasnavtopbarlist

I have made the tab-bar fixed to the top of the browser window but I am having trouble making the off-canvas-list fixed as well. I would like to have the ul appear at the top of the browser window when clicked rather than appear at the top of the page. Is this possible with Foundation 5?

Katherine Elsken over 4 years ago

I'm wondering how to make off canvas fixed as well. I'm trying to create a menu that's fixed like the one on this wordpress theme: http://wp.metrothemes.me/me-wp/.

I'm quite stumped

Rafi Benkual over 4 years ago

The simple solution is to make the <article> scrollable like so: http://codepen.io/rafibomb/pen/hApKk

You can hide the tab-bar like in your example - http://codepen.io/rafibomb/pen/ZYvVyo

Also, you can use the @include hamburger(); mixin to trigger the off-canvas and remove the tab-bar altogether.