Joomla DJ-MegaMenu Extension

DJ Mega Menu is an accessible menu solution for Joomla.
It gives you the possibility to build and set an advanced menu system.

Decide how many columns per each menu you want to have, what modules, icons, and effects and use them in your menu items.

New mobile button options

Display the mobile menu button in 3 different ways: icon, icon, and text, or text only.

Vertical Menu

Version 3.6.0 brought the Vertical Mega Menu feature.

There are no limits!

It means that you can add anything you want to the menu (from custom HTML to any module).

DJ Mega Menu is highly configurable, and it brings many handy features as well.

Thanks to the color customizer, you have the option to create unlimited variations of the menu.

There are also two built-in default themes available! The DJ Mega Menu is also available in the free lite version.

* * *

Joomla Mega Menu Features

You can choose between:
- the sticky menu,
- animations,
- menu layouts,
- dropdown directions,
- columns width
- and many effects (30 to choose from)
- Choose the speed and delay time of closing the menu.

* * *
Using CSS3 animations (There are many CSS3 animations available) is also allowed and for deciding on the drop-down direction or making the menu to open on click or hover.

The mega menu solution is 100% responsive and mobile-optimized. It’s also compatible with different mobile devices like iPhone, iPad, Android, Windows Phone.

You can even choose when the menu should change to the mobile view.

Another great feature is the possibility to display any of Bootstrap or Font Awesome icons in any size and decide where the icons should be displayed desktop/mobile/both.

* * *

What’s more in Mega Menu?

- The DJ Mega Menu is accessible; it means it follows Web Content Accessibility Guidelines (WCAG and Section 508). You can enable or disable support for keyboard navigation with tab key and arrow keys!
- DJ Mega Menu is also RTL ready!

* * *

Mega Menu Tutorials

Full-width submenu and percentage columns' widths
See how to set the submenu of the first level menu item to be 100% menu wide.

How to upgrade from free to professional edition / How to insert DJ-MegaMenu license key
You can easily upgrade the mega menu to Professional edition - see how.

DJ-Classifieds (latest ads) into DJ-MegaMenu
Check how to add DJ-Classifieds “Latest ads” module into a mega menu.

How to set modules in the off-canvas of DJ-MegaMenu?
Discover how to create and publish the module in the off-canvas of DJ Mega Menu

How to display multiple columns with modules and headings in submenu?
See how to display any module in the submenu.

Color customizer in DJ Mega Menu
This feature allows customizing the look of your menu. See how to do it.

How to display module position in DJ-MegaMenu
This tutorial shows how to set a Joomla module as the submenu in the mega menu.

DJ Mega Menu Off-canvas effects explained
Watch the video describing how off canvas effects in Mega Menu works.

Bootstrap Icons in DJ Mega Menu
See how to add a Bootstrap Icon to Menu Item.

Font Awesome on DJ Mega Menu
Discover how to add Font Awesome Icon to Menu Item

How to set DJ Mega Menu to open items on-click
DJ Mega Menu allows you to set the menu items to open on-click instead of hover.

How to display multiple columns in submenu?
Displaying multiple columns in the submenu is very easy - follow the mega menu tutorial.

How to create a new menu theme?
You can quickly create a new mega menu theme. Check this tutorial article.

How to add the second line to the menu item?
There are two ways to add subtitles to the menu item. Read more about them.

Why DJ Mega Menu Options tab isn't displayed in menu item settings?
Learn how to display an additional options tab for the mega menu

How to add the icon to the menu item title?
Adding icon to menu item title is core Joomla! Feature - learn how to do it.

How to display modules inside the menu column?
See how to publish modules inside DJ Mega Menu. It’s simple!

* * *

Translations of Mega Menu

DJ Mega Menu Joomla solution comes with multilingual translation for different languages:

- English
- German
- French
- Polish
- Danish
- Russian
- Portuguese

The number of language packs for the mega menu will be extended.

* * *

Changelogs

DJ Mega Menu ver. 4.4.1

- (!) Fixed issue with adding a license key in Update Sites
- (!) Fixed fatal error when updating with the behaviour compatibility plugin disabled

DJ Mega Menu ver. 4.4.0

- (+) Native Joomla 5 compatibility
- (+) Added option to load animate.css locally.
- (+) Added parameters to define width, height and alt for the logo.
- (!) removed unnecessary console.log which was logging in the browser console
- (!) corrected declaration of the $direction variable for theme default (php warning popped up when using custom colours)
- (!) corrected removal of slash from theme selection path - e.g. in Windows environment on localhost this could result in theme selection not working
- (!) improved escaping in language files

DJ Mega Menu ver. 4.3.7

- (+) Fixed PHP 8.1/8.2 deprecated warnings

DJ Mega Menu ver. 4.3.6

- (+) Added option "Open active menu" to allow open submenu of main menu item on page load
- (+) Added option "Full width Submenu -> 100% of screen" to allow display submenu with full width of the screen
- (!) Improvements related to initiating DJ-Megamenu scripts (will be triggered even after DOMContentloaded event)
- (!) Fixed PHP warnings when Logo displayed (Joomla 4)
- (!) Fixed the problem when mobile icons was not visible when FontAwesome was loaded by template

DJ Mega Menu ver. 4.3.5

- (+) Minor improvements related to the license field (Joomla! 3)
- (+) Added support to native license keys on Joomla 4!
- (+) Cleaned-up file structure
- (+) Off-canvas wrappers are now disabled by default in the DJ-Megamenu system plugin
- (+) Added possibility to use plain CSS icons instead Font Awesome
- (!) Portuguese language removed from DJ-Megamenu module (core), please use language pack!
- (!) Fixed broken Off-canvas expand icons

DJ Mega Menu ver. 4.3.2

- (+) Performance optimization - reduced number of requests for Default, Modern, and Clean themes
- (+) Added option to display the logo in desktop layout
- (!) Improvements related to WCAG (additional aria-labels)

DJ Mega Menu ver. 4.3.1

- (+) Added border (outline) to focusable elements in order to improve accessibility (WCAG 2.2)
- (+) Added possibility to customize focus border color in module options
- (+) Font Awesome 5 updated to version 5.15.4
- (+) Default layout template file (default.php) divided into 4 separate files
- (!) Minor CSS improvements in Clean / Modern themes
- (!) Fixed the problem with not properly aligned long subtitle
- (!) Fixed the problem with submenu visibility when JavaScript errors on the site

DJ Mega Menu ver. 4.3

- (+) Added option to set badge after the menu item name
- (+) Added possibility to hide menu item name
- (+) Added support for simple bbcodes in link name, subtitle, and badge. Supported tags: [b] for bold [i] for italic and [ico] for font icons like font awesome
- (+) Added new desktop theme - modern
- (+) Added Off-canvas effects in Joomla 4 (not supported with default Joomla4 template - Cassiopeia)
- (!) Modifications related to overlay on hover option to prevent incorrect z-index situations
- (!) Fixed the problem when the submenu closes unexpected (click event)
- (!) Improvements related to WCAG2.1 (module title is added as aria-label to role=menubar )
- (!) Improvements related to the clean theme
- (!) Fixed the problem with the double scrollbar in Off-canvas when a large number of child links displayed

DJ Mega Menu ver. 4.2.1

- (+) Added background overlay in Joomla4 Off-canvas (mobile)
- (+) Added possibility to close Off-canvas sidebar and desktop submenu with Escape key (WCAG)
- (!) Fixed keyboard navigation in Off-canvas (mobile)
- (!) Fixed Off-canvas behavior when link witch #hash is clicked
- (!) JavaScript optimizations

DJ Mega Menu ver. 4.2

- (+) Keyboard navigation updated according to W3.org menu design pattern (WCAG)
- (!) Performance Improvements
- (!) Off-canvas sidebar now it's 'visible' to screen readers only when is opened

DJ Mega Menu ver. 4.1.2

- fixed PHP error - Call to a member function get() on null
- minor "Clean" theme adjustments

DJ Mega Menu ver. 4.1.1

- fixed possible PHP error related to a custom attribute field
- fixed the problem with the body overlay function when multiple menu module used
- fixed custom color styles when the sticky option was enabled in the module

DJ Mega Menu ver. 4.1

- added fields: custom HTML before, custom HTML after, and data-attributes for the menu item
- added option to overlay BODY on hover
- added option to change open/close submenu events (click or hover)
- added new 'Clean' theme
- color modifications now are possible in all themes
- Font Awesome 5 updated to version 5.15.2
- Joomla 4 beta compatibility improved
- Improvements related to WCAG
- fixed items floating for vertical orientation
- fixed the problem when clicking on the link with hash not scroll to the section on page
- improved CSS validation

DJ Mega Menu ver. 4.0.1

- Updated FontAwesome to version 5.13.0
- Fixed issue with not visible arrow icons when FontAwesome 5 is enabled

DJ Mega Menu ver. 4.0.0

- Joomla 4 Alpha compatibility added
- added Font Awesome 5 as an option of "Include Font Awesome."
- themes adjusted for displaying Font Awesome 5 in the submenu

DJ Mega Menu ver. 3.7.0

- added mobile menu button type (icon, icon & text, text) and custom text options
- added hidden label for select box mobile menu to meet the accessibility rules
- removed 1px shift of the sticky menu during submenu animation

DJ Mega Menu ver. 3.5.4

- fixed page scrolling on mobile screens in some Joomla templates
- fixed width of the menu in sticky mode (last menu item dropped to the second-line bug)
- fixed closing mobile sub menu the toggle
- fixed window scroll position after the off-canvas menu is closed (e.g., if the menu point to the bookmark on the same page)
- fixed window scrolling to the top of window resize in some Joomla templates
- fixed adding DJ-megamenu-mobile class to the body (there was a 1px difference according to mobile menu width trigger)
- other minor fixes

DJ Mega Menu ver. 3.5.3

- added off-canvas position option which allows displaying the off-canvas menu on the right side of the window
- fixed sticky menu mode according to new touch events implementation in chrome and firefox
- fixed PHP notice: A non well-formed numeric..... in helper.php on line 147
- fixed js error when not existing Wrapper ID is set in the module options
- fixed saving custom mobile menu theme with a proper name (without ?v=3.5.2 at the end of the file name)
- fixed loading proper language file in the DJ-MegaMenu module settings
- fixed 'Scale Up' off-canvas menu opening effect

DJ Mega Menu ver. 3.5.2

- added "DJ-megamenu-fixed" class for the mega menu in sticky mode
- added "active" class for menu items contained active menu item of standard Joomla menu module published inside submenu of mega menu
- fixed closing submenu when accidentally hover one of the other top-level menu items when the "open event" option is set to "click."
- fixed saving colors of RGBA format in Joomla!3.7.x