Menu icon Foundation

My Posts



My Comments

Jamie Edwards commented on Ilan Biala's post over 1 year

Really like this burger!  Thank you very much! 
Would you guys have any idea how to toggle this animation when using the off canvas menu?
Currently I have this JS which is able to toggle the animation one way, but I can't get it go return to normal when targeting the "js-off-canvas-exit".
Hopefully you can help...
Thank you!!
Jamie
 
$(".menu-button").click(function(){
$(this).toggleClass('is-active');
});

$(".js-off-canvas-exit").click(function(){
$("#menuButton").removeClass("is-active");
});

Jamie Edwards commented on david's post over 1 year

I think you might have missed your main off canvas content wrapper;
<div class="off-canvas-content" data-off-canvas-content>
{{> body}}
</div>
 

Posts Followed


  • 3
    Replies
  • Off canvas nav menu issue

    By david

    Off Canvas Nav

    Yo Zurb Peeps Please &nbsp;can you assit me, please, please.&nbsp; Im struggling to get the off canvas reponsive nav working correclty F6, (by the way F5 was so much easier)I checked out Brian Tan example in the building blocks sample/section, &nbsp;but... (continued)

    Last Reply by david over 1 year ago



Following

    No Content

Followers

My Posts

My Comments

You commented on Ilan Biala's post over 1 year

Really like this burger!  Thank you very much! 
Would you guys have any idea how to toggle this animation when using the off canvas menu?
Currently I have this JS which is able to toggle the animation one way, but I can't get it go return to normal when targeting the "js-off-canvas-exit".
Hopefully you can help...
Thank you!!
Jamie
 
$(".menu-button").click(function(){
$(this).toggleClass('is-active');
});

$(".js-off-canvas-exit").click(function(){
$("#menuButton").removeClass("is-active");
});

You commented on david's post over 1 year

I think you might have missed your main off canvas content wrapper;
<div class="off-canvas-content" data-off-canvas-content>
{{> body}}
</div>
 

Posts Followed

Following

  • No Content

Followers