Example of how to build a Top Bar navigation for the Foundation 4.x framework in Expression Engine using Structure.

foundation_structure_nav.html

<nav class="top-bar">
    <ul class="title-area">
        <li class="name"></li>
        <li class="toggle-topbar menu-icon">
            <a href="#"><span>Menu</span></a>
        </li>
    </ul>
    <section class="top-bar-section">
        {exp:structure:nav mode="full" css_id="nav-drop-pages" css_class="left" has_children_class="has-dropdown"}
        <script>
            (function() {
                var drops;
                if (document.querySelectorAll) {
                    drops = document.querySelectorAll('#nav-drop-pages ul');
                    for (var i = drops.length - 1; i >= 0; i--) {
                        drops[i].className="dropdown";
                    };
                }
            })();
        </script>
        </ul>
    </section>
</nav>