Menus are used to group and display items for a user to effectively navigate through your website. They can also be used to organize the various page tabs within your website.


To manage the menus, you will need to go into the Pages section. To access the Pages section, simply click on the Pages icon in the upper left of the toolbar. Once you access Pages, you will see a list on the left hand side. The blue boxes are called Menus, to learn more about menus please see here. Within each menu, the silvers bars are pages. To learn how to create a page, please see here. 


All our sites consist of a primary menu. This will commonly be labeled as ‘default’ or ‘main menu’ or something of that nature, and will contain a number of tabs. This is the menu that is displayed on all pages of your website, and each tab represents the options listed in that menu.


The same can be said for the ‘Not In Menu’ area, sometimes listed as ‘Hidden’. This is generally where all tabs that are not directly displayed on the website are stored. This is a great way to "hide" a page while you are working on creating it. Any tab that is listed in a menu that is not displayed on the website will not be accessible from the website unless specifically linked to.


Menus are also great ways of organizing content that you might not intend to display on a page. For instance, you may want to create a menu named "Newsletters" to hold your newsletter pages. (Most our templates sites come with this menu already)

 

How to Create a Menu

To create additional menu areas, simply click the ‘Add Item' button on the far right side and select ‘Menu’ from dropdown. Give your menu a name and click ‘Create’. The new area will appear at the bottom of the list by default, but once you exit out of Pages and then return, the menus will be sorted alphabetically.



Display Name: The text that will be displayed when this Menu Item is placed inside a Menu.

CSS ID & CSS Class: Apply an optional CSS ID or Class, allowing this Menu Item to be styled inside your Template CSS. (For advanced users or custom sites)

Advanced HTML: Additional HTML to be rendered along with the Menu Item, when placed inside a Menu. (For advanced users or custom sites)




Menus can be edited by clicking on the name of the menu. You’ll then see the menu information displayed off to the right. If you make changes, make sure to click ‘update’ to save them. 


You can also delete a menu by clicking ‘Delete’, but this action cannot be undone so make sure you are certain before proceeding. A menu can not be delete until all pages are remove from the menu as well. 



Video Guide