Menu

All you need to know about menus in Helix Ultimate.

Inside the Menu tab you will find the following tabs:

• Menu Builder - to manage menu structure and menu items content

• Mega Menu - basic style settings for MegaMenu display

• Menu Positions - to manage appearance and content of Mobile, Header, Toolbar Left/Right positions.

Menu Builder

Menu items can be added, edited, sorted and deleted directly in the Menu Builder panel without leaving template options.

• Pen Icon - opens window edit options of chosen Menu Item.
• Basket Icon - allows you to delete chosen menu item.
• Cog Icon - extra settings for chosen menu item (Show Menu Title, Dropdown position, Icon, Custom Class, and Badge).
• Boxes Icon - access to extra settings and Mega Menu options if it would be enabled there. You can add and use badge, icon, and row and column-based menus, also drag and drop the modules to the menu positions from the modules list.

Menu Item Settings

Mega Menu

The first thing you will want to do is select the Parent menu item you wish to edit then check the checkbox Mega Menu

Enable Mega menu

When you have done this, simply click the Add New Row button and its layout will load, ready for you to work with.

Grid column layout

Now you can choose the column structure (it's based on Bootstrap columns grid) - you can use a pre-defined grid columns layout or create your own (Custom).

Mega Menu Grid Column

Anytime you would be able to delete or redesign layout structure by using icons on the top right position.

You can also change the order of columns content - hover on the column name until you would see a two-direction arrow icon then you can move the column to the left or ride side, later save settings to see changes.

Mega Menu

The Mega Menu style panel is where you can configure the mega menu styles used on the front end of the site. This does not affect the Menu style in Menu positions. Menus in Menu positions using their own style from Uikit :)

Dropdown Width: Width value is used to declare submenu width content area. By default is 200px. You can choose not only value itself but also different units for expressing width (px, em, rem, %).

Dropdown Animation - Mega Menu offers several transition options for your dropdown submenus:

• No Animation

• Fade In

• Fade In Up

• Fade In Down

• Rotate In

• Zoom In

• Pulse

Mega Menu Style

Menu Positions

The Menu Positions panel is where you can configure and refine menus used on the front end of the site for Mobile or any menus that assigned to special position like Header, Toolbar Left or Toolbar Right.

You can publish menus on specific positions without having to create a Joomla module. There are four menu positions available.

Mobile Menu is enabled by default, the style of the mobile menu will depend on the Mobile options where the Navbar style is configured.

Menu Position	Description
Mobile	The menu that shows up in the mobile header on smaller devices.
Header	The main menu of the website that shows up in the header position.
Toolbar Left	Additional menu that appears in the toolbar left position.
Toolbar Right	Additional menu that appears in the toolbar right position.

Mobile

Header Menu

This option enables you to add a Menu to Header position.

Header menu position

Choose between the Navbar or Subnav style for Menu. The Subnav divider and Subnav pill option will depend on the style where the Subnav is selected.

By default, all submenu items are published, using Maximum Level to limit the level of submenu item.

Header Menu Style

Toolbar Left/Right position.

You can also publish a menu on the toolbar left or toolbar right position.

The menu appears as a horizontal subnav on toolbar left or toolbar right position and only level 1 menu items are shown.