HTML

<div class="mobile-menu">
     <span class="menuLines"></span>
</div>

CSS / LESS

Der Code Snippet für die Animation des Mobile Menu Buttons wird aus dem aktuellen h2template Dummy - "mixins.less" - übernommen und ggf. importiert. Anschließend folgendes dem "mobile-menu" folgendes hinzufügen (Werte entsprechend anpassen)

.mobile-menu {
    .menu(@height: 36px, @width: auto, @padding: 0 15px, @color: @darkGreen, @lHeight: 8px, @lWidth: 43px, @lGap: 13px); 
} 

JavaScript

//Bind closing and opening of mmenu to the navbtn animation
var api = $('.mobile-menu');

api.click(function () {
     $('.mobile-menu').toggleClass('menuTransform');
});