Responsive MegaMenu

Features

  • Cross-browser copatibility
  • No classes! (for dropdowns or lists)
  • Smart – knows when to show megamenu, and when to show a normal dropdown
  • 100% responsive, works on all devices
  • Seamless wordpress integration
  • Super fast
  • Uses jquery animations (IE8 compatible)
  • Easy to use
  • Written in LESS (easy to abuse)
  • Uses ionicons
  • Super small
  • Free to use and abuse (MIT licence)

Instalation

1) Copy CSS from style.css or style.less

1.1) megamenu.js uses ionicons , so include their script or edit CSS for your icon-font, svg, img or what ever

2) Include jquery just before closing body tag </body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

3) Include megamenu.js below jquery

3) Include megamenu.js below jquery

4) Wrap your menus HTML in megamenu.js wrappers and see the magic 🙂

<div class="menu-container">
        <div class="menu">
                <ul>
                  <li></li>
                  <li></li>
                  <!-- What ever, basic html menu(lists)! Dont worry megamenu.js will know -->
                </ul>
        </div>
    </div>

 

 

Demo     Download

Responsive MegaMenu

| HTML5, Javascript, jQuery Plugins, jQuery Responsive Tabs, Slider | 0 Comments
About The Author
-