Menu icon Foundation
Can't re-create Mega Manu tutorial code

Was looking at this tutorial ( https://zurb.com/university/lessons/nav-components-part-1-design-advanced-navigation-with-mega-menus ) to try and template off of its very nice looking Mega Menus that have built-in hover timeouts for very polished UX, but I cannot replicate the code either from the standalone code on the tutorial, or from the code linked in its git ( https://gist.github.com/rafibomb/f08ed757b04a782aa5ea ).

Can anyone help me recreate this successfully either via git or codepen or etc.?

Thank you!

mega menunav menu

Was looking at this tutorial ( https://zurb.com/university/lessons/nav-components-part-1-design-advanced-navigation-with-mega-menus ) to try and template off of its very nice looking Mega Menus that have built-in hover timeouts for very polished UX, but I cannot replicate the code either from the standalone code on the tutorial, or from the code linked in its git ( https://gist.github.com/rafibomb/f08ed757b04a782aa5ea ).

Can anyone help me recreate this successfully either via git or codepen or etc.?

Thank you!

Rafi Benkual almost 4 years ago

I added the code to a codepen - http://codepen.io/rafibomb/pen/ZbLdzR?editors=110

Can explain which part you need help with so can explain it more? Thanks!

Himmat Chahal almost 4 years ago

Awesome, I was just having trouble getting it to plug and play via copy paste basically... looks like I was missing some script files at the bottom of the code that I pulled from view source'ing your codepen frame. Thanks a lot! Will be easy to edit the general wonderful megamenu functionality you have set up. The hover timeout of .5sec particularly is really nice.