Q. How to display Google Map in a Sub-menu
A. Google Maps can provide us with a code that can be used in any website to display any map. Get Google Map Embed Code by IFRAME and add it to the TEXT/HTML element.

--------------------------------

Q. How do add a video in Sub-Menu?
A. You can load a module contain video or load an embedded video inside your Mega Menu by use an HTML Block.

--------------------------------

Q. How do I change other font?
A. In the settings you showed, the option for changing the font is under Menu Links → Font Family (both in the MAIN MENU and SUB-MENU sections).

Here’s how you can change it:

  1. Locate the "Font Family" dropdown: In Menu Links (Main Menu) or Menu Links (Sub-Menu), look for Font Family. By default, it says "Default".

  2. Open the dropdown: Click the dropdown to see a list of available fonts(Google Fonts).

  3. Choose your font: Select the font you want (e.g., Roboto, Open Sans).

  4. Apply & Save: Scroll down and click ACCEPT (the green button) to save the change.

--------------------------------

Q. Set vertical menu. What do I do?
A. To set your mega menu as vertical in the settings you showed, do this:

  1. Open Global Settings of your Mega Menu.

  2. In the Basic section, look for Orientation.

  3. You will see two options: Horizontal (default) | Vertical

  4. Click Vertical to switch your menu layout.

✅ Once applied, your menu will display as a vertical sidebar instead of a horizontal top bar.

--------------------------------

Q. How to add icon to menu item
A. You can add an icon to a menu item directly from the settings you showed earlier. Here’s how:

  1. Edit the menu item in your Mega Menu builder.

  2. Scroll to the ICON section.

  3. Choose Icon type:

    • Icon → Pick from the icon library (e.g. Font Awesome).

    • Image → Upload or select an image as the icon.

  4. Select the Icon you want (if you chose "Icon").

  5. Adjust:

    • Color → Set the icon color.

    • Size → Define the size in pixels (e.g., 24px).

    • Alignment → Position the icon (left or right of the text).

✅ After saving, the icon will appear next to your menu item title.

--------------------------------

Q. How do I make my menu available in multiple languages?
A. Joomla! comes with a language filter plugin, which enables the CMS to recognize the different installed languages and display only the content relevant to the current language.  So you just duplicate the module and assign each instance to a language.

--------------------------------

Q. Want to break line from a block?
A. If you want to break a line or separate content inside your Mega Menu, you can use the Spacer block.

Here’s how:

  1. In your Mega Menu Live Editor, click Add Block.

  2. From the Type dropdown, choose Spacer.

  3. Set the grid width (for full-width line break, set it to 12/12).

  4. You can adjust height (padding) of the spacer with CSS class or inline style if needed (e.g., .ba___content-spacer {height:20px;} for extra space).

  5. Click Accept to save.

👉 The Spacer block will push content below it to the next line, acting like a clean line break or vertical gap inside your dropdown layout.

--------------------------------

Q. How to add multiple dropdown levels?
A. if you want to create multiple dropdown levels, the easiest way is by using the Menu Block. Here’s the step-by-step:

  • A1: Click edit a Main menu item(Set Sub Megamenu = Columns, Under Submenu width type, choose Custom and set the width to 250px.)
  • A2: Click Accept button to save main menu item
  • B1: Click Add Block in the main menu item.
  • B2: In Type, select Menu. This will load an existing Joomla menu.
  • B3: In Select a Menu, choose the Joomla menu that already has child items (submenus).
    Example: Main Menu → Services → Design → UI/UX.
  • B4: Save and preview.