You can create a menu from Appearance->Menus
Setting the main site menu
To set up a main menu on Angle theme (assuming you have created a menu or imported the demo content) click on Appearance>Menus. Select your main menu from the drop down list.
To add an icon next to a menu item follow these steps.
- Expand the menu item by clicking on the small arrow on the right side of the item.
- Type inside the Title Attribute field the name of the font-awesome icon you would like to apply, e.g fa-cogs.
- Hit Save Menu.
If you want to make a menu item stand out from the others, you can highlight it, giving it a button-like view. Follow these simple steps
- Go to Appearance->Menus menu.
- Locate the menu item that you want and expand it.
- In the CSS Classes (optional) text field type the nav-highlight class.
- Save the menu.
If you would like to have a transparent highlight effect, type the nav-highlight-ghost class instead.
The nav-highlight and nav-highlight-ghost classes only apply on root menu items.
To add a separator between menu items follow these steps.
- Click on the accordion item Links on the left hand side of the page.
- Fill in the URL field with a simple #.
- Hit Add to Menu.
- Move the new item to the place of the menu where you want the divider to be placed at.
- Expand the menu item by clicking on the small arrow on the right side of the item.
- Type inside the Title Attribute field the word divider.
- Hit Save Menu.
A Mega Menu is a menu that is designed to hold a large amount of pages, organised in columns. Follow these simple steps to build it in Angle.
- Go to Appearance->Menus.
- Locate the Screen Options tab and tick the Mega Menu and Mega Menu Columns as shown below.
- On the accordion on the left of the Menu Structure you should now see two extra options, Mega Menu and Mega Menu Columns. Click on the Mega Menu to expand. Add the Mega Menu as
if it was a page by pressing Add to Menu.
- Now that you have the Mega Menu menu item, time to put the columns that will hold the menu items. Decide whether you want three or four columns. Add the one that you wish as a submenu of the Mega Menu. The Navigation Label of
each column will be the name of the column on the menu.
- Do the same for as many columns as you wish to add.
- Add pages to each column as a submenu. See the images below to get an idea.
Should you have the menu set to work on hover, we have added an extra functionality, which allows you to make the mega-menu items clickable. You can set those links if you follow these simple steps.
- Go to Appearance->Menus.
- Expand the Mega Menu item that you want to make linkable and type the full URL in the URL field, as shown in the screenshot below.
- Save the menu.
You can add an image backround to Mega Menus by following these simple steps.
- Find the url of the image that you want to use as a background.
- Go to Appearance->Menus and edit the menu.
- Locate the Mega Menu item and expand it.
- Add the url of the image to the Background Image URL field.
- Save the menu
A new feature that Angle offers is the ability to add widgets to Mega Menu columns. If you want to use a Mega Menu column as a widget position follow these simple steps
- Go to Appearance->Menus and edit the menu.
- Locate the Mega Menu Columns item and expand it.
- From the Use Column As Widget dropdown list select the On option.
- Save the menu.
- Go to Appearance->Widgets. A new widget position should now exist named after the name of the column.
- Add a widget and you are done!