Menu icon Foundation
F6 - Responsive Toggle Menu + Sticky?

So... I have added a responsive toggle menu to my page / all works well and good but once I add it as a sticky element it breaks on small screens. The menu content once expanded no longer pushes the other content down. Im guess it has something to do with the CSS positioning of "sticky" but I thought this was removed when viewed on mobile?

Here is a code Pen to demonstrate.
> http://codepen.io/jinch/pen/gMrGyQ

Can someone please lend some insight on why this is not working.

Another F6 bug?

Thanks.

foundation 6responsive toggle menusticky

So... I have added a responsive toggle menu to my page / all works well and good but once I add it as a sticky element it breaks on small screens. The menu content once expanded no longer pushes the other content down. Im guess it has something to do with the CSS positioning of "sticky" but I thought this was removed when viewed on mobile?

Here is a code Pen to demonstrate.
> http://codepen.io/jinch/pen/gMrGyQ

Can someone please lend some insight on why this is not working.

Another F6 bug?

Thanks.

Jarryd Fillmore over 3 years ago

Hopefully the Foundation team can answer this!