Menu icon Foundation
Mobile - Sticky nav issue

When on mobile and tablet, if you scroll down the page the nav stays sticky which is great.

However if you scroll down the page, hit the menu button, the menu doesn't appear. You have to scroll all the way back to the top, while the menu is open, to actually access the menu items.

Is there a fix for this?

Link - http://bit.ly/28durWG

PS - this is Foundation 5. 

stickymenu

When on mobile and tablet, if you scroll down the page the nav stays sticky which is great.

However if you scroll down the page, hit the menu button, the menu doesn't appear. You have to scroll all the way back to the top, while the menu is open, to actually access the menu items.

Is there a fix for this?

Link - http://bit.ly/28durWG

PS - this is Foundation 5. 

Rafi Benkual 10 months ago

This is a pretty typical interaction that leaves you with a couple options. The normal off-canvas pushes the page over so it must be attached to the wrap. You can use an overlay menu instead or the solution posted here: http://foundation.zurb.com/forum/posts/25869-keeping-the-off-canvas-nav-fixed

Jarryd Fillmore 10 months ago

Nice Rafi. 

Will this work with Foundation 5? I noticed this is an F6 Panel!

Jarryd Fillmore 10 months ago

Anyone?