I have made a small fork of the "Top Bar with Responsive Toggle and Animation" pen here:
I have changed the animation to data-animate="slide-in-down slide-out-up"
Now when I trigger the responsive dropdown the rest of the site content jumps down, and the menu slides down over the title bar. When I close it it slides up, again over the title bar, and then the site content jumps down.
I am pretty new to Foundation so this may be a simple question, but how can I get the menu to:
- Slide down from and back up behind the title bar
- Cause the site content to slide down and up too rather than jumping?
Thanks for any help anyone can offer