How to create Menus

You can create or edit your menu directly in the default WordPress menu editor:

• WordPress Admin Panel > Appearance > Menus

There are two available menu layout styles:

1. The Default drop down menu,
2. And the Mega menu layout, which is a larger dropdown layout.

After creating the menus, they can be used in any website header (desktop or mobile or both) via the Header Builder, for more information on creating website header you can check this article.

Default drop down menus are easy to build in WordPress, to create one just open your admin panel to the Menus page (Under Appearance tab in the left sidebar), then choose from the left area of the menu builder the elements that you want to add into the menu (for example: Pages, Posts, Categories, Custom links,…). After that, you can drag and drop the elements inside the menu to sort them, and to create a drop down menu, just drag any element to the right under its parent element, you can add multiple drop down elements and with multiple levels of depth (up to 3 levels of subitems).

This is a simple example of a menu with two drop down elements:

And the end result of this drop down menu would be:

Creating Mega Menu

You can create Mega menus easily within the default WordPress menus page, to do so head over to WordPress menu editing page in Appearance » Menus and then select the menu that you want to edit.

After that open the menu item (in the first level) which you want to have a dropdown Mega menu, and check the box “Enable Megamenu”:

Adding columns and links to your Mega Menu:

To add columns to your mega menu, add a custom link from the left default WordPress sidebar with a link as “#” and the link as the desired title of the column inside the Mega menu (for example: Features), and add this custom link under the main mega menu main item (as second level item), and check the box “Convert to column item”, you can also choose the desired column width of this column, or you can change the style of the column by adding padding or lines.

You can now add any number of columns with the same way inside the mega menu, and the columns can be in any different sizes depending on the style that you want to build.

You can set a title for the whole column via the default WordPress field “Navigation Label” of that column item in your menu (check image above).

After that you can any normal WordPress menu items under the column (as third level menu items) to show under it in the mega menu.

Adding multiple titles in the same column

As mentioned in the previous section, you can set a title for the whole column via the default WordPress field “Navigation Label” of that column item in your menu (check image above).

You can add multiple titles in the same column via the default WordPress Menus page, for example:

You can do that by changing the style of any item in the column to be a Heading item from the Menu item Options button in that item:

Adding icons to menu items

You can add an icon to each item in your menu opening the Menu item Options and then choose the desired icon:

Adding menu banners

To add a banner, add any WordPress menu item inside the mega menu then open its advanced options, then check the box “Convert to Box item” and choose the desired Title and text, and choose an image (or paste a direct URL to a video file to automatically display video background for the item), you can also change box style or its height or the color of the text inside the box:

When you finish editing the menu, save the changes and the menu will be updated in your website. The result for the example mega menu will be: