Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Universal Responsive Mega Menu

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Universal Responsive Mega Menu - CodeCanyon Item for Sale


Ad: Bluehost hosting

Share Twitter Subscribe RSS

This menu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a jQuery script to enhance the whole system.

It can be used as a sticky footer (with mega “drop-ups”) using the exact same markup as the “standard” mega menu. You can switch between those 2 variants just by changing a single class.

By using the example pages, you have all the necessary code ready to be used in your site. Customizing the menu require some basic knowledge of CSS and you can change the look of every part of the menu : the fonts, the colors, the sizes, etc. The script includes a few options easy to set up so you can choose which type of effect to apply (on mouse hover or mouse click, fade, slide…).


  • Header and Footer Mega Menus
  • Fully Responsive Menu
  • Retina Ready Graphics
  • Flexible 12-Columns Grid
  • Styled Typography and Elements
  • Simple Working Contact Form
  • Clean and Professional Design
  • Touch-Screen Devices Friendly
  • Cross-Browser Support


  • Standard Top Menu
  • Sticky (or fixed) Top Menu
  • Sticky Footer
  • Multiple Menus on a same page
  • Collapsible Menus
  • Responsive or Non-Responsive

What you get

The package contains 2 folders : “Responsive” and “Non-Responsive” so the menu is ready to be included on any type of website. In each folder, all the code is organized, indented and easy to read. The script comes with an uncompressed version and a minified version. Additionnally, all graphics are optimized for retina displays.

For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a simple navigation bar without drop downs to a combination of 2 mega menus on a same page.

There’s also a simple contact form included (check the live preview to see it in action), it’s ready to be used and requires only your email address to be functionnal.


This menu has been tested on many devices and browsers to ensure a maximum compatibility : Internet Explorer, Firefox, Chrome, Opera, Safari have successfully passed the tests. Here’s a list of compatibility :

  • Internet Explorer 7+
  • Firefox 2+
  • Chrome
  • Opera
  • Safari 3+
  • Chrome on Android
  • Safari on iPad and iPhone

The whole menu relies mainly on CSS, it means that if Javascript is disabled, most of the menu will work. You also may notice some differences between browsers : some CSS3 effects like shadows or rounded corners are not showing up in Internet Explorer for example (for more informations on this topic, you can visit findmebyIP). Be sure to test the demo with different browsers or devices to make sure that the menu meets your requirements.


01/18/2014 – Version 1.1

  • Improved the script files

11/11/2013 – Version 1.06

  • Improved the switching between desktop and mobile versions

09/29/2013 – Version 1.05

  • Fixed a visual issue

09/21/2013 – Version 1.04

  • Improved behavior on iPad

08/14/2013 – Version 1.03

  • Fixed a small bug related to the contact form in mgmenu_plugins.js

07/19/2013 – Version 1.02

  • Fixed an issue with the contact form in the script (mgmenu_plugins.js)

07/10/2013 – Version 1.01

  • Fixed an issue occurring on orientation change

06/16/2013 – Version 1.0

  • Initial Release


Here are a few recent reviews from customers, names have been blurred to preserve their privacy.

2daysago Main Code Quality Extra comments from the Awesome code style. and documentation Thank curious using your script for The update that includes your script scheduled roughly weeks from now. lidaysago l6daysago Main Design Quality Extra comments from the have say that this one the best pieces code that have come across. Attention detail has been spectacular behind the scenes and the code providing comments that becomes easier for the user make use the The code files were very well organized that the users could easily and quickly get the components that they want Your hard work and due diligence seen throughout Thank Yow

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


17 June 13

Last Update:
18 January 14

Compatible Browsers:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Files Included:
JavaScript JS, HTML, CSS, PHP, Layered PSD

Software Version:


eCommerce, eCommerce, All Items, android, clean, drop down, fly-out, header, ipad, iphone, mega menu, multilevel, professional, responsive navigation, retina ready, sticky footer, tabs, touch devices