An advanced accessible mega menu system (WCAG/Section 508/ADA) for Joomla! 3 and Joomla! 4 allows you to set each menu item as needed. Fully responsive, mobile-optimized with horizontal and vertical layouts and an off-canvas menu. You can set the number of columns per menu and even put any modules inside. DJ-MegaMenu gives you a wide range of possibilities to set up the menus you need. Designed with mobile in mind, so you'll find many handy features.

Joomla 3 Joomla 4

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

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

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


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!

How to create Joomla vertical menu with DJ-MegaMenu

Easily customizable

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

Add your logo to the sticky menu and place it in the 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 about Color Customizer in DJ-MegaMenu

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 a color customizer to decide how you want to display the mobile menu (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 and copy 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 at the top or bottom of the off-canvas menu.

The color customizer allows you to set the colors of Off - Canvas and Accordion menus as you need them to fit your website. There is no need to know CSS and edit any files; 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's or Font Awesome icons in any size, depending on 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, color, background, module, access key

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


The ultimate Joomla Mega Menu

  • Responsive - fits any Joomla website
  • Standard + Tree menu submenus
  • Compatible 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)
  • The mobile menu can be opened collapsed or with an expanded submenu of the 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 a dropdown direction and column width
  • Sticky menu option available (with the option to set offset, logo image, and its 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
  • The 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 4


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

Works with Joomla menu manager

With a dedicated plugin, you can enrich the standard Joomla menu manager with a new options tab that allows to:

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