The menu component is separate from the page tree structure on the left side of all of your Bento pages. If you rearrange pages in your page tree, you must also rearrange them separately in your menu component.

Bento menu items can link to both Bento and non-Bento (i.e.: third party) pages. 

If you are a station with a new Bento site, you'll find that a station header component has been automatically placed in the header section. You can refer to the instructions below to learn how to modify the menu. The header appears on every page of your site that you have it activated.

See more about headers and footers

For producers, when you first come to your Bento site, you must manually add the menu component to your pages. You'll find at the top of each Bento page a header section and at the bottom a footer section. These sections display on every page of your site where you have them activated. Menus can also be added to the page content section. You can add as many menu items as you like in the top and secondary navigation levels but remember to use web and user experience best practices when titling and designing your menus. You can also add other elements to your headers and footers.

 View the tutorial

 

The Station Header includes a space for your station logo and menu items. Unlike the Menu component, the Station Header component has restrictions on the number of menu items you can add.

This section shows you how to add a menu from scratch. Menu items are added in the same manner for both.

Learn how to nest pages that have already been created

  • Hover your mouse over the header or footer section of your Bento page and click the plus sign (Figure 1.1).
  • From the list of components displayed in the Basic section, click the menu icon (Figure 1.2).

Figure 1

  • Click the Menu Link text and type the name of your first menu item (Figure 2.1).
  • Add submenu items by clicking the next level of menu items (Figure 2.2). Learn more
  • Hover your mouse over your first menu item and click the link icon to link your menu item (Figure 2.3).

You can add as many menu items as you like at the top and secondary navigation levels. Remember to use web and user experience best practices when titling and designing your menus.

 Do not be this person

Figure 2

  • Link your menu item to an external website (External Link), another Bento page on your site (Page), or a file in your filer folders (Filer) (Figure 3.1). In this example we are linking to an existing Bento page. If you do not include a link in your menu item, the item will appear clickable, however, it will not go anywhere.  
  • If linking to a page on your Bento site, click the Select page dropdown menu and click the title of the page to which you want to link (Figure 3.2).

Figure 3

  • Click the Open in a new window toggle so that it displays ON if you want the link to open in a new browser window (Figure 4.1).
  • Click Save (Figure 4.2).

Figure 4

  • To remove a link, click the menu item and click the link icon (Figure 5.1).
  • Click the red Remove Link button (Figure 5.2).

Figure 5

To add a sub-menu item, you must first have created a main menu item.

Learn how to nest pages that have already been created

  • Click the main level menu link under which you want to place sub-menu link and click the Menu Item text that appears (Figure 1).

Figure 1

  • Click Sub-Menu Link (Figure 2).

Figure 2

  • Type the name of your first sub-menu item (Figure 3.1).
  • Click the link icon to link the menu item (Figure 3.2) or click the trashcan icon to delete the menu item (Figure 3.3).

Figure 3


Learn how to nest pages that have already been created

 View the tutorial
  • Click the patterned block located to the left of the menu item text until your cursor appears as a four headed arrow (Figure 1).

Figure 1

  • Keeping your mouse clicked on the item, drag the menu item to its new location in the menu (Figure 2).

Figure 2

  • Release your mouse button and your menu items is in its new position (Figure 3).

Figure 3

  • Click the menu item you want to delete to surface the link and trashcan icons (Figure 4.1).
  • Click the trashcan icon to delete the menu item (Figure 4.2).

Figure 1