Untitled

HTML(basic):
<body>
   <div id="my-page">
      <div id="my-header"></div>
      <div id="my-content"></div>
      <div id="my-footer"></div>
   </div>
</body>

Гамбургер-иконка:
<button id="my-icon" class="hamburger hamburger--collapse" type="button">
	<span class="hamburger-box">
		<span class="hamburger-inner"></span>
	</span>
</button>

CSS для иконки:
<link href="download/hamburgers.css" rel="stylesheet">

JS анимация иконки:
var $menu = $("#my-menu").mmenu({
   extensions: ["position-back","position-right","shadow-page","listview-justify","border-full","shadow-page","theme-dark"],
   navbar: {
   		title: '<img src="img/logo.png" alt="logo">'
   }
});
var $icon = $("#my-icon");
var API = $menu.data( "mmenu" );

$icon.on( "click", function() {
		API.open();
});

API.bind( "open:finish", function() {
	setTimeout(function() {
		$icon.addClass( "is-active" );
	}, 100);
});
API.bind( "close:finish", function() {
	setTimeout(function() {
		$icon.removeClass( "is-active" );
	}, 100);
});