The page initially implements the Do Nothing pattern and is not mobile friendly. Modify the code to be mobile friendly and implement the following menu patterns one at a time.

a) Toggle pattern.

b) Off Canvas - left nav flyout

c) Sticky Footer.

---------------------------------------------------------------------------------------------------------------------------------

Go Go Go

home .

who are we .

services .

contact .

blog .

eXplore

Top and left navigations are typical on large screens, but lack of screen real estate on small screens makes for an interesting challenge. As responsive design becomes more popular, its worth looking at the various ways of handling navigation for small screen sizes. Mobile web navigation must strike a balance between quick access to a sites information and unobtrusiveness.

.

There are of course advantages and disadvantages of each method and definitely some things to look out for when choosing what methods right for your project. One of the easiest-to-implement solutions for navigation is to simply keep it at the top. Because of its ease of implementation, its found on many (maybe even most) responsive sites right now.