MegaMenu | Helix3 - Documentation | JoomShaper

Helix3

Updated Last: 11 March 2024

MegaMenu

Helix3 MegaMenu Generator

We appreciate your decision to read the manual before request for our support.

Helix3 has a built-in mega menu that can be enabled in the main menu. One of new and unique features of Helix3 is new MegaMenu Generator. It can be used after first saving of menu item or in current menu items. But first check what you have it inside before that clicking.

helix menu options before

  • Dropdown Position - allows you choose align (left/right) dropdown position.
  • Show Menu Title - allows you to hide menu item title, this may be useful when you want to show only icon instead full title like for Home position.
  • Menu Icon - the use of icons beside menu items is a fantastic alternative that favors a quick visual option identification; and even the use of icons without text to accompany is viable. You can use font icons based on Font Awesome v4.3, it means that you have big collection of 519 icons to choose from.
  • Custom CSS Class - allows you to add Custom CSS Class(es) to this menu item.

Adding module into menu

Once Menu item is saved you can check this tab again. You should notice a new advanced Helix MegaMenu Options. From here, you can select a module and drop inside this menu item as a submenu.

helix3-drop-module

You can use module from list of published in Module Manager. It means that if you want to add a new one into menu, it must be listed there as a published, position name is not required to work.

menu-layout-helix3

You can choose column layout, which allows you to set menu items in selected positions. To get this feature use "Manage Layout" option (blue button).

helix3-two-columns-menu

 Using: Left, Center, Right and Full buttons you can control appearance of dropdown submenu.

Two Columns SubMenu

Building a two or three columns SubMenu is quite easy process - all starts from Menu Manager, where you have to add all those sub menu items. Here is example structure to get 2 columns menu item. In our example we used "Menu Heading" but you can use "External Links" menu type as well.

Remember that in Helix MegaMenu Options you have to refresh appearance of menu structure to get final result.

Video tutorial