DJ-MegaMenu is an advanced accessible menu system (WCAG 2.0 / Section 508 / ADA) for Joomla! 3 and Joomla 4 (alpha) that allows you to set each menu item as you want. You can set the number of columns per each menu item, as well as put the modules inside. The module gives you a wide range of possibilities to set up the menu you need. It’s also designed with mobile in mind so you’ll find many handy features.




Aug 19 2020

Create beautiful menus (and place them where you need it)

// columns, tree menus, icons, notes, modules

With intuitive workflow and included plugin for menu items you can easily manage and add different things to your menu. Decide how many columns, what modules, icons and effects will be used in any items of your menu.


Accessible Joomla Menu with WCAG 2.0, Section 508 and ADA support

// Make it accessible

DJ-MegaMenu is fully accessible by keys on your keyboard (follows Web Content Accessibility Guidelines (WCAG 2.0) ). You can enable or disable support for keyboard navigation with arrow keys.


Horizontal and Vertical orientation

// Make it mega in any position

Choose the orientation of the menu and display your mega menu where you need it. With DJ-MegaMenu you can display a couple of menus on one page! It's up to your needs and imagination. Each instance of the module can be styled the way you want!

Read more

Easily customizable

// logo, fit colors for texts, backgrounds, icons

Add your logo to sticky menu and place it in center, right or left. With color customizer create unlimited variations of the menu for every module instance. Fit it to your design! With color customizer there’s no need to edit any files or know CSS but it’s also easily customizable with CSS.

PS. you can also use one of 2 built-in default themes.

Read more

Choose your style

// sticky menu, animations, menu layouts, dropdown directions, columns width, open events

Choose your menu effects (you can use one of the 30 possible) for entrance, exit. Select the speed and delay time of closing the menu. DJ-MegaMenu lets you use CSS3 animations, decide the dropdown direction and make menu items open on click or hover!


Responsive and mobile optimized

// Off canvas menu and touch enabled for better mobile experience

DJ-MegaMenu is not only fully responsive it also has a touch interface which gives brilliant way to navigate through your site for the users using different mobile OSes. Choose when the menu should change to mobile view.

Read more

Mobile menu customization

// Different menu mobile types, themes, position, alignment, logo, off canvas effects, modules

With DJ-MegaMenu mobile options you can choose one of two predefined mobile themes (dark or light) and use color customizer decide how mobile menu should be displayed (off canvas, select list, accordion) and what logo should it have.

Off canvas mobile menu options come with 5 standard and 9 experimental effects. You can put the Mobile Menu in another module position as well as opy and paste the Mobile Menu Wrapper Code anywhere in your Joomla template or custom HTML module to display Mobile Menu wherever you need it.

You can also display any module in top or bottom of the off canvas menu.

The color customizer allows to set the colors of Off - Canvas and Accordion menus as you need it to fit your website. No need to know CSS and edit any files, just pick the colors and save, that’s it!

Read more

Joomla modules inside!

// Add any module to your menu

You can add anything to the menu, these can be custom html or any module you’ll find in your Joomla.

Read more

Icons and Subtitles

// Font Awesome and Bootstrap icons supported, use subtitles

DJ-Megamenu allows you to display any of Bootstrap or Font Awesome icons in any size depending how it fits your website.

Decide where the icons should be displayed desktop/mobile/both. You can use menu notes as subtitles and manage them similar to icons.


Tailor every menu item

// menu subtitle, icon, colum, background, module, access key

With special plugin you can edit every menu item right from regular menu edit item view deciding if it’ll be displayed in both desktop and mobile versions, add subtitle, start new column, choose background image, add modules. Every item can also get dedicated access key.


The ultimate Joomla Mega Menu

  • Responsive - fits to any Joomla website
  • Standard + Tree menu submenus
  • Compatibile with mobile devices (iPhone, iPad, Android, Windows Phone)
  • Touch support
  • Build advanced submenu layouts with columns, modules, effects, icons, subtitles and decide if they’ll be displayed in both, desktop or mobile version of the menu

Mobile / Responsive

  • Responsive layout
  • Configurable point of switching to mobile menu
  • Works on all mobile devices
  • Off canvas, Select Menu or Accordion
  • Dedicated mobile themes
  • Off canvas logo
  • Option to put modules to Off Canvas menu
  • Off canvas effects (14 to choose)
  • Mobile menu can be opened collapsed or with expanded submenu of active menu item

Configure it as you like

  • Dozens of css3 animations available
  • Trigger on hover or click
  • Supports Bootstrap and Awesome fonts
  • Allows subtitles
  • Choose dropdown direction and column width
  • Sticky menu option available (with option to set offset, logo image and it’s alignment)

Easily customizable

  • 2 predefined themes
  • Color customizer
  • Easily customizable with CSS
  • Set entrance and exit animations, animations speed and delay before close and open action of the submenus
  • Open event easily configurable (on click or hover)

Use it with ease

  • Easily build Mega Menus for your Joomla pages.
  • Unlimited instances for every Joomla menu you have
  • Works with Joomla 3.x and Joomla 2.5


  • Follows Web Content Accessibility Guidelines
  • WCAG 2.0 and Section 508 compliant - navigate with keyboard through the menu using Tab key and arrow keys!
  • Additionally you can navigate between menu items with arrow keys to reach desire menu item faster

Works with Joomla menu manager

With dedicated plugin you can enrich standard Joomla menu manager with new option tab that allows to:

  • Decide if menu item you’re editing will be visible on desktop, mobile view or both
  • Add subtitle to menu item
  • Choose menu icon
  • Decide if the menu item starts new column
  • Set column’s width
  • Set submenu’s type (tree, dropdown, inherit) and it’s direction (left, right)
  • Add submenu background image and set it’s horizontal and vertical position
  • Display module (display the module only or module + menu link)