A Foundation 5 Top-Bar menu snippet for ExpressionEngine and Nav-EE plugin.

foundation-5-top-bar-nav-ee.html

<nav class="top-bar" data-topbar>
	<ul class="title-area">
		<li class="name">
			<h1>
				<a href="{path='{site_index}'}">
					<img src="icon-logo.png" alt="image">
				</a>
			</h1>
		</li>
		<li class="toggle-topbar menu-icon">
			<a href="#"><span>Menu</span></a>
		</li>
	</ul>
	<section class="top-bar-section">
		<ul class="left">
		{exp:navee:custom
			nav_title="main-nav"
			wrap_type="none"
			selected_class_on_parents="true"
			selected_class="active"
			parent_selected_class="active"
		}
			<li class="{class}{if has_kids == 1} has-dropdown{/if}">
				<a href="{link}">{text}</a>
				{if has_kids == 1}
					<ul class="dropdown">
						{kids}
					</ul>
				{/if}
			</li>
		{/exp:navee:custom}
		</ul>
	</section>
</nav>