Full Width Navigation
Sometimes there is a need to fit more navigation items in main navigation.
This is when full width navigation could be handy. This menu style can be set by enclosing the entire nav element into
div with .nav-full-width class.
Note: This menu style doesn't use icons with nav items. Also, this menu style is preferably to use without utility header.
However, if there is a need for utility links instead of using regular /ssi/branding.html server side include use /ssi/branding-full-width.html,
which has some of utility links added in the top right corner.
Full Width Navigation can be single level navigation as well as megamenu.
Example: <div class="nav-full-width"> .
<nav id="navigation" class="main-navigation megadropdown auto-highlight">
... navigation menu goes here ...
</nav>
</div>
More Navigation Samples
