I'm trying to create a layout using foundation where both my nav and my sidebars are fixed as your scroll the page, but the main content is not. Here is my layout: https://i.stack.imgur.com/G2obx.png
I'd like the middle content to scroll with the page, but the sidebars and the nav bar to stay fixed as you scroll.
I've been trying to accomplish this with Magellan and Foundation 5, but everytime I attempt to add the
data-magellan-expedition="fixed"
attribute to my sidebars or my header, it completely pops out of the grid and gives the element far too much width. Could someone please explain how to accomplish this?