Foundation 6 Navigation

In notebook:
Article Notes
Created at:
2015-11-20
Updated:
2015-11-20
Tags:
libraries css
continued from Foundation 6 screencast   no one at Zurb uses Top Bar plugin

it's hard to change the styling.

navigation is so specific to design

in Foundation 6 they made it more modular - they segment all the parts of Top Bar into modules, you can use one or all pieces

Menu component replaces most of the previous nav patterns

Responsive navigation
  <ul class="menu" data-responsive-menu="drilldown medium-dropdown large-accordion">
    <li>
        <a href=""></a>
        <ul class="menu">
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </li>
</ul>
start with drilldown then the javascript will activate dropdown on medium breakpoint