4.5/5 - (2 votes)

 As you know, Helix Ultimate allows you to build mega menus on your Joomla website easily and quickly. It offers you different layouts so you can give diverse looks of your menus.  Here are detailed instructions on setting up the mega menu builder in Helix Ultimate that you should not ignore!

First, find and click on the “= Mega Menu” tab,  this tab came from Helix Ultimate Framework. Here you will find several switchers, responsible for additional features.

Helix Mega Menu-Basic ViewImage by Joomshaper

Mega Menu

When you enable this option, you can easily create highly customized and creative mega menu configurations. You can add and use row and column based menus, drag and drop the modules to the menu positions from the modules list.

  • Width – Total width of submenu area.
  • Alignment –  choose submenu area alignment (right, left, center, or set full width).

It’s very easy to build two or three colums sub-menu, you have to add all those sub menu items from Menu Manager.
You can use “Menu Heading” or “External Links” menu type to add main submenu headers.

How to build columns for menu items using Mega Menu (step by step):

1. Click “Add New Row” button
2. Select Menu layout: there are 9 option for you to choose from.
3. Refresh / rebuild content by click on the “Save” button.
4. You can arrange columns, move elements or modules into another position, from one column into another using drag and drop function in Mega Menu. You can also add existing module(s) from the right sidebar to column.
5. Click on the trash icon to remove undesired row.
6. Click on “X” icon to remove undesired element.
7. Click on the “Save” or “Save & Close” to save changes.

Helix Mega Menu Adv-View

Image by Joomshaper

Show Menu Title

This option allows you to hide Menu Title from menu, by default, it’s enabled, you ccan use this option to create hidden menu item for short url, or show only icon instead full menu item name, for Home or Search position.

Dropdown position

This option allows you to change dropdown submenu position, you can change it to the right or to the left side.

Menu Icon

You can easily set an icon for each menu item in your menu by using this option. The use of icons beside menu items titles favors a quick visual option identification. You can use font icons based on Font Awesome v4.7, this is a huge collection of icons that you can use for your menu.

Custom Class

In this option, you can place any necessary custom class name which is already defined inside your Custom CSS code section. It can be one or more and be separated with space.
This field is useful when your template has a particular menu location and it needs adjustment.

Badge in menu items

With Helix Ultimate, you can easily highlight your menu item(s) with name badges to draw your visitors’ attention to any menu item.

Helix Ulrimate Mega Menu Builder

Image by Joomshaper

  • Badge Position – choose badge name position to the right or to the left.
  • Background Color – select the background color for the badge item only.
  • Text Color – select the color for the badge item only. (use different color than used for background color to keep necessary contrast).

That’s all! Hope this article is useful for you on setting up Mega Menu Builder In Helix Ultimate Framework. If you have any question about this tutorial, don’t hesitate to leave a comment below. And don’t forget to share with your friends if you find it useful! Thanks! 😀

Leave a Reply

Your email address will not be published. Required fields are marked *

Flash Sale! Enjoy your purchase with 35% OFF on today! code: FLASHSALE35 More Details
Summer Sale 2023 Enjoy your purchase with 50% OFF on today! code: SUMMER2023 More Details