Mega Menu

MegaMenu Generator

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

Jobi has a built-in mega menu that can be enabled in the main menu. One of new and unique features of Jobi 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.

Menu

  1. Dropdown Position - allows you choose align (left/right) dropdown position.
  2. 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.
  3. 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.
  4. 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 MegaMenu Options. From here, you can select a module and drop inside this menu item as a submenu. Menu

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


Menu Layout Management

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).

Menu

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


Two and Three 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 3 columns menu for Home.

Menu

Of course we suggest to use your own menu items types for real items like Single Article or chosen Component view. And Text Separator is great for showing titles of menu sections. Remember that in MegaMenu Options you have to refresh appearance of menu structure to get final result - like in following example.

Menu

And the final result might be similar to following example.

Menu


Found errors? Think you can improve this documentation? Simply click the Edit link at the top of the page, and then the icon on Github to make your changes.