Warning: Illegal string offset 'name' in /nfs/c01/h08/mnt/5257/domains/cwcage.com/html/blog/wp-content/plugins/genesis-simple-sidebars/plugin.php on line 105

Warning: Illegal string offset 'description' in /nfs/c01/h08/mnt/5257/domains/cwcage.com/html/blog/wp-content/plugins/genesis-simple-sidebars/plugin.php on line 107
Condensing Main Nav to a Single Link for Small Screens | CW Cage

Condensing Main Nav to a Single Link for Small Screens

While getting inspiration from mediaqueri.es I noticed a navigation element I really liked from the new Mobilism 2012 site.

For the small screen the navigation at the top condenses down to a single link “menu” and then two high priority link (program and tickets). The “menu” link actually just jumps you down to the bottom of the page where they have stacked the main navigation as full width elements.

Navigation collapses into a single Menu link

The menu link jumps you to the bottom where the main nav has been stacked.

Here's what the same nav looks like from desktop