DJ-MegaMenu Joomla 4 Module options

DJ-MegaMenu Joomla 4 Module options

DJ-MegaMenu module is necessary to display the menu in the module position. 
Navigate Content > Sitem modules and choose the DJ-MegaMenu module.
Let's take a look at Module Parameters:



  1. Menu Name – The name of the menu (default is main menu)
  2. Base Item - Select a menu item to always be used as the base for the menu display.
  3. Start level – Level to start rendering the menu at.
  4. End level – Level to stop rendering the menu at. If you choose 'All,' all levels will be shown.
  5. Show icons in – Choose to show menu items' icons in mega menu, mobile menu, both or disable the icons completely.
  6. Show subtitles in – Choose to show menu items' subtitles in mega menu, mobile menu, both or disable the subtitles completely.
  7. Use Note as the subtitle – Use menu item note field as a subtitle when subtitle parameter is empty.
  8. Include Font Awesome - Font Awesome 4/ Font Awesome 5 / Disable

Mega Menu Options




  1. Theme – Choose the theme for DJ-MegaMenu. You can create your own theme by copy the existing one and renaming the folder or copy the djmegamenu.css file from the default theme into /templates/[your_template]/CSS/ and set the theme to '- override from template -.'
  2. Customize colors - With the below options you can customize colors in the DJ-Megamenu module
  3. Orientation - choose if the menu will be displayed horizontally or vertically.
  4. Dropdown direction – Use only id you want to force default dropdown direction, which is based on language direction by default. It can be overridden in menu item settings (DJ-MegaMenu Options).
  5. Submenu type – Show submenu items as a tree or dropdown menu. It can be overridden in menu item settings (DJ-MegaMenu Options)
  6. Column width in pixels – Set default column width in pixels. It can be overridden in menu item settings (DJ-MegaMenu Options).
  7. Percent column width - Set default column width in percent for full-width submenu.
  8. CSS3 Animations and scripts features – Enabling makes the menu animate with nice CSS3 animations and also adds extra features such as the sticky menu, keeping submenus inside the wrapper, the delay before close submenu or touch screens better experience.
  9. Entrance animation – select one of the available animations.
  10. Exit animation – select one of available animations.
  11. Animation speed – select one of available speeds.
  12. Delay time before open submenu -  Set delay time in miliseconds (1000 ms = 1 second)
  13. Delay time before close submenu – Set delay time in miliseconds (1000 ms = 1 second)
  14. Overlay on hover - If enabled, an overlay will be added to the BODY when hover menu items.
  15. Open event – Bulid submenu which open on click event instead of hover. you can apply click event for all items or just for separators. Touch screens by default use click event for all items.
  16. Close event - the option allows you to set an event that will close the item's submenu   
  17. Wrapper id – Submenu will change direction if it goes out the container with wrapper id. Default wrapper is container with .dj-megamenu class
  18. Logo - choose logo image to display with Menu
  19. Logo alignment - choose logo image alignment for menu 
  20. Logo visibility - choose where and when logo should visible
  21. Sticky menu – It makes your DJ-MegaMenu always visible while scrolling page down.
  22. Sticky offset (px) - change the sticky menu position from the top of the window edge.
  23. Keyboard acces (WCAG 2.1) - Enable keyboard access to meet WCAG requirements.

Mobile Menu Options


  1. Mobile Menu – Use mobile menu for screens smaller than the with set below
  2. Mobile Menu trigger width - Mega Menu will be switched to Mobile Menu for screens narrower than set value.
  3. Mobile Menu Theme –  Choose the theme for mobile menu. You can create your own theme by copy the existing one and renaming the folder or copy the djmobilemenu.css file from a mobile theme into /templates/[your_template]/css/ and set mobile theme to '-override from template-'
  4. Customize colors  - With below options you can customize colors in DJ-Megamenu module
  5. Mobile Menu Button Type - Choose between icon, icon with text or text only
  6. Button Custom Text  - If not defined then the text from language file will be used
  7. Offcanvas Logo - Choose logo image to display at the top of the offcanvas menu
  8. Offcanvas position - left/right
  9. Offcanvas Effect - Choose transition effect for opening off-canvas menu. Partially supported effects should be used only if there is no fixed positioned elements on your website.
  10. Top Modules Style - Offcanvas Top Modules can be added by publishing modules in the dj-offcanvas-top module position. You can set default top modules style below.
  11. Bottom Modules Style - Offcanvas Bottom Modules can be added by publishing modules in the dj-offcanvas-bottom module position. You can set default bottom modules style below.
  12. Start Collapsed - Display collapsed mobile menu on a start.
You can put the Mobile Menu in another module position using DJ-MegaMenu - Mobile Menu Button module. Alternatively you can copy and paste the Mobile Menu Wrapper Code anywhere in your Joomla template or custom HTML module to display Mobile Menu whereever you need.
  1. Mobile Menu Wrapper Code 

Advanced Options


  1. Layout
  2. Module Class
  3. Caching
  4. Cache Time
  5. Module Style
  6. Module Tag
  7. Bootstrap Size
  8. Header Tag
  9. Header Class 
      • Related Articles

      • Color customizer in DJ-MegaMenu

          A new feature in DJ-MegaMenu allows you to customize the look and feel of your menu. We've added the option to modify the menu's colors the way it'll look exactly as you need. Color customizer is available only in the FULL version of DJ-MegaMenu ...
      • Module options

        DJ-MegaMenu module is necessary to display the menu in the module position.  Navigate Extensions > Module Manager and choose the DJ-MegaMenu module. Let's take a look at Module Parameters: Menu Name – The name of the menu (default is main menu) Base ...
      • Options in menu item

         Remember to enable the DJ-MegaMenu system plugin, it will display an additional parameter tab in the menu item form. Let's see the available options in the menu item. Hide item name - yes/no Show menu item in - choose to show menu item in mega menu, ...
      • How to create Joomla vertical menu with DJ-MegaMenu

        Creating a vertical menu is as easy as changing only one parameter (Orientation) in DJ-MegaMenu Module options (Mega Menu Options tab). You can check the Vertical orientation of the menu on our Joomla Mega Menu Demo Site. 1. Create new DJ-MegaMenu ...
      • DJ-Classifieds Admin Stats Module

        The DJ-Classifieds Admin Stats module overview This module is not included in the All In One Package (DJ-Classifieds AIO) - you need to download it from the downloads section - this module is available for all active subscribers for free! Check also ...