Full screen navigation with toggle.
bower install trendwerk/toggle-navigation --save
toggle-navigation is a two-step process:
@includethe mixin on your header. The header should contain your main navigation;
- JS: Initialize your toggle button.
A more common setup is to include the
Background for the full screen navigation when opened.
The spacing below the main navigation.
The height of the header when the main navigation is closed. This is necessary to properly animate the opening of the header.
The CSS selector of the items in the main navigation. Setting this option animates the menu items in sequence.
The CSS selector for the main navigation.
A breakpoint (in pixels) until which the full screen navigation should be used.