DJ-MegaMenu just got another BIG update. With this one we've updated the mobile menus to get it more customizable with color customizer, increased mobile accessibility by adding support for keyboard for mobile menus, added few more improvements including making it faster when more instances are loaded and fixed some minor problems.
The most important improvements:
- we've added mobile menu color customizer with new special custom theme
- all mobile menu types can now be controlled with the keyboard (WCAG 2.0 and Section 508)
- updated Font Awesome - to version 4.5
- added option for delay before OPEN submenu action
- enhanced the speed when more than one instance of DJ-MegaMenu module is loaded by reducing multiple injections of stylesheets
- fixed minor problems - see whole changelog
This new feature works similar to the desktop mega menu color customizer.
With this feature you can customize colors of Off Canvas and Accordion mobile menus.
Once you update your DJ MegaMenu with the 3.3 version you'll find new Mobile Menu Theme option in Mobile Menu Options tab
When the - custom - theme is chosen you can set your colors same way as for desktop menu:
Possible settings of colors include:
- Open button background
- Open button color
- Menu background
- Menu text
- Menu subtitle
- Active menu background
- Active menu text
- Active menu subtitle
- Submenu background
- Submenu text
- Submenu subtitle
- Active submenu background
- Active submenu text
- Active submenu subtitle
- Module text
Thanks to this rich settings you can easily fit the mobile menu to your website without modification of CSS or any files. Just open the settings and feel free to play and find the best color settings.
Another new feature that will help your site to be WCAG 2.0 compliant is option to navigate through the mobile menu with Tab key on the keyboard.
With the Tab key you can navigate forward and clicking Shift key + Tab gives the way back so it's easy to navigate through all the menus with the keyboard if some of your website users cannot use mouse or touchpad.
On the below animated gif you can see how it works (the key strokes are displayed). I'm using only three keys:
- Shift (+Tab)
These are most important features of version 3.3 update. All active subscribers can download the latest version from download section. If you have any questions regarding this version please leave the comments below.
If you have any suggestions about new features we can add to future versions of Mega Menu please post it on our feedback forum where you can vote and suggest new ideas.