Responsive MegaMenu


  • 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)


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=""></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">
                  <!-- What ever, basic html menu(lists)! Dont worry megamenu.js will know -->



Demo     Download

Responsive MegaMenu

| HTML5, Javascript, jQuery Plugins, jQuery Responsive Tabs, Slider |
About The Author
- Thank you for visiting my profile page. I have over 8+ years experience in web development. Product quality, Client service, and results are my priority. I offer unparalleled expertise and services in web design and front-end development, including responsive websites (Using Twitter bootstrap framework) and Hybrid Mobile Application (Using IONIC Framework) . I am proficient in a wide spectrum of technologies and learn new ones fast. I am seeking new opportunities to design, build and extend websites and web applications.