Sidebar Menus

A sidebar menu is a navigation panel that appears on the left side of a page. It helps visitors browse related pages within a section of your site, such as all the pages for a specific troop or pack.

How Sidebars Work

Sidebar navigation is powered by the same Menu entities you manage in the admin dashboard (see Menus and Navigation). To add a sidebar to a page, you associate that page with a menu. The menu's items are then displayed as sidebar links alongside the page content.

Associating a Menu with a Page

1. Go to /dashboard/admin/pages and open the page you want to add a sidebar to.
2. In the page editor, find the Sidebar Menu dropdown.
3. Select a menu from the list. Only menus you have already created will appear here.
4. Save the page.

The selected menu's items will now appear as a sidebar when visitors view that page.

Sidebar Menu Properties

When a menu is used as a sidebar, the following menu properties affect its appearance:

• Heading -- If set, a heading is displayed at the top of the sidebar above the menu items. Use this for a section title like "Troop 400B" or "Pack Resources."
• Logo -- If set, a logo image is displayed at the top of the sidebar. This can be a troop or pack logo that gives the sidebar a branded look.

These properties are configured on the menu itself (at /dashboard/admin/menus), not on individual pages.

Best Practices

One Sidebar Menu Per Section

Create a single sidebar menu for each section of your site. For example:

• A "Troop 400B Sidebar" menu with links to the troop's home, about, calendar, forms, and news pages.
• A "Pack Sidebar" menu with links to the pack's home, about, calendar, and sign-up pages.

Share Across Pages

Multiple pages can use the same sidebar menu. This is the recommended approach -- when every page in a section shares the same sidebar, visitors get consistent navigation as they move between pages.

For example, if you have five pages for Troop 400B, set all five to use the "Troop 400B Sidebar" menu. Update the menu once and the change appears on all five pages.

Highlight the Current Page

The sidebar automatically highlights the menu item that matches the current page's path. This helps visitors see where they are within the section.

Removing a Sidebar

To remove the sidebar from a page:

1. Open the page in the editor.
2. Change the Sidebar Menu dropdown to "None" (or clear the selection).
3. Save the page.

The page will no longer display a sidebar.