Last edited 5/17/2022
Tentaroo websites include two types of menus, Site Navigation menus and Menus on Pages. Both are accessed in the Menus section of the CMS.
Types of Menus
Site Navigation menus appear in the horizontal menu bar of a website's header and also in the footer. These are always accessible to users, no matter which page of the website they are currently on. These menus are best used for top-level and secondary website organization and for highlighting your most important topics.
Menus on Pages appear in the sidebar of any page they have been enabled on. (On mobile, these instead appear as a drop-down at the top of a page.) These are designed for bundling related pages together into sections and can also be used as an effective third level for Site Navigation menus.
Site Navigation Menus
The Site Navigation tab lists the current first-level menu items. These correspond to the options listed in the website's menu bar. Any items with child menus will have a carrot(>) beside their name. Click on the carrot to expand the child menu and see second-level items
You can use the search option to quickly locate any item, regardless of level. Toggle on Show Deleted to see or restore deleted items.
Use an item's three-dot menu to edit, delete, restore, or re-arrange it. You can also simply click on an item to edit it or re-arrange menu items by clicking and dragging or using the up/down arrows.
To change an item's level or assign it to a different parent, you must first select Edit. Please see the Menu Items section below for more information.
Menus on Pages
The Menus on Pages tab lists menus by their titles. Click on the carrot(>) by the menu's title to expand it and see or edit its contents.
You can use the search option to quickly locate any menu item. Toggle on Show Deleted to see both deleted menus and deleted items.
Use a menu's three-dot menu to change its name or delete the entire menu. Use the three-dot menus on individual items to edit, delete, or re-arrange them. You can also simply click on an item to edit it or re-arrange menu items by clicking and dragging or using the up/down arrows.
To Create a New Menu On a Page:
- Click on the green New Menu button and give your menu a title.
- Click on the carrot(>) by your menu's name to expand it, then use the green New Item button to populate it. Please see the Menu Items section below for more information.
- Include a menu item for each page you want the menu to appear on.
To Add a Menu to a Page:
- In the chosen menu, find or create a menu item that links to the webpage.
- Edit this menu item to toggle on "Show '...' Menu On This Page."
Menu items are the listed links or resources that appear in a menu. They have slightly different configuration options depending on whether they are in Level 1 or level 2 of a Site Navigation menu or are part of a Menu on Page. However, most of their features function identically across types.
This is how the item will appear in menus. It does not need to exactly match the name of the page or resource it links to.
Site Navigation menu items must be assigned a level:
- Level 1 items will appear across the top bar of your website. There is limited space for Level 1 items and they will wrap to the next line if there are too many or if their names are too long.
- Level 2 items make up a child menu which will appear when a user hovers over a Level 1 menu item. You can add as many child menu items to a parent as you need.
Level 2 Site Navigation items need to be assigned to a Level 1 parent that they appear beneath. Menu on Pages items will also display their parent here, but cannot be re-assigned.
Tentaroo websites have several automated features to augment certain types of menu links. Select the appropriate link type to access them:
- Page - A Select Page button will appear, allowing you to browse or search for an existing page on your website. This link will remain connected even if the page's name or short URL is changed. When working with Menus on Pages, a toggle will appear allowing you to show that menu on the selected page.
- Calendar - A drop-down will appear asking you to select from the Event Categories in your Tentaroo system.
- Resource - A Select Resource button will appear, allowing you to browse or search for an existing resource. You can also add a new resource in this box using the white + button.
- External URL - This allows you to enter a full URL, i.e. "https://www.tentaroo.com/training". This is designed for external links but can also be used with relative links to direct to anchors, i.e. "/summercamp#register".
- No Link - This allows you to create a placeholder item. This option should not be used once a menu is live. The only exception is when creating a blank space. In a Menu on Page, naming such an item "hidden" will create a blank line that can be used as a spacer within the menu.
Show Menu on Page
When working with Menus on Pages, page links will include an option to display that menu on the selected page. Only one menu can be shown at a time on the same page, but you can link to a page from multiple menus.
Any link must be assigned to open in either the same window (same browser tab) or in a new one.
- Same Window keeps users on your site and is best used for internal pages and calendars.
- New Window keeps your site active on the original tab and shows the linked information in a separate tab. Best used for resources and external URLs.
Right-Align Menu on Page
Level 1 Site Navigation menu items have the option to right-align their child menus. This allows sub-menu to open out to the left of parent items and is recommended for items on the right-most half of the menu bar.
Level 1 Site Navigation menu items have an optional field to define calendar, contact, or custom styles.
- Calendar - When used with a calendar link, this style will automatically display upcoming events from the associated calendar alongside the child menu.
- Contact - This style will include council contact information alongside the child menu and is ideal for an "About" menu item.
- Custom styles can also be created to change the logo that appears in child menus.