Basic Navigation

<%= link_to "Fullscreen Demo", demo_link('navigation') %>

<%= render partial: "forever_style_guide/sections/components/navigation/basic" %>

<%= escape_erb_for_display("forever_style_guide/sections/components/navigation/_basic.erb") %>

Show source code

Hide source code

Dropdown Navigation

<%= render partial: "forever_style_guide/sections/components/navigation/dropdown" %>

<%= escape_erb_for_display("forever_style_guide/sections/components/navigation/_dropdown.erb") %>

Show source code

Hide source code

Stacked/Justified Navigation

<%= render partial: "forever_style_guide/sections/components/navigation/stacked" %>

<%= escape_erb_for_display("forever_style_guide/sections/components/navigation/_stacked.erb") %>

Show source code

Hide source code

Fixed Header Navigation

Checkout out the <%= link_to "Fixed Header Full Screen Demo", demo_link('navigation-fixed') %> for visual reference and specifics on implementation

Fixed Header - Signed In State

Checkout out the <%= link_to "Signed In State Full Screen Demo", demo_link('navigation-fixed-signed-in') %> for visual reference and specifics on implementation