How To Create A Full Page Overlay Menu

full page menu

Here is a full page overlay menu that is responsive for mobile and is a great way to make your menu stand out. I like this menu for it’s simplicity and it’s use of CSS3 . You see many websites trending toward using off canvas menus instead of using the classic static ones because there are more people use mobile phones and tablets to view their content than ever before. This can help by creating just one menu and not multiple for different devices.

See the Pen Full Page Overlay Menu by Christopher Cook (@cccamuseme) on CodePen.

source: http://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp