CSS Codes
CSS Layouts
<!DOCTYPE HTML>
<head>

<!--Remove this mobile friendly meta tag if you already have it on page -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="http://fonts.googleapis.com/css?family=Bitter&subset=latin" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="hamburgericonmenu.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="hamburgericonmenu.js">

/***********************************************
* Hamburger Icon Menu - (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

</head>

<body>

<div id="hamburgericonmenuwrapper">

<div id="hamburgerui">
<ul>
<li><a href="http://www.dynamicdrive.com/forums/">Contact</a></li>
<li><a href="#"><span id="navtoggler"></span></a></li>
</ul>
</div>


<nav id="fullscreenmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Help Forums</a></li>
<li><a href="http://www.cssdrive.com">CSS Gallery</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript</a></li>
<li><a href="http://www.menupatterns.com">Menu Gallery</a></li>
<li><a href="http://www.cmsroundup.com">CMS List</a></li>
</nav>

</div>

</body>
</html>