Navigation

First draft

 

User level: Site Owner; Site Administrator

 

The Navigation screen allows you to manage the structure and appearance of the navigation features of your site.

Navigation configuration

Expand All

The main menu appears in the Header and is the principal navigational aid on a website. There are two locations in the user interface (UI) where the main menu can be configured.

Site Settings > Navigation tab > 'Main menu' configuration

The 'Main menu' button (1) provides access to the Main menu configuration screen. On this screen you can drag and drop page titles to where you want them to appear in the navigation structure.

This option is recommended if multpile changes need to be made to the navigation structure at once.

Main menu configuration

Edit mode on a page > 'Menu settings' tab

The menu link to a page can be configured on the 'Menu settings' tab in the page's edit mode.

Setting the number of menu levels determines how the main menu in your site's header will behave.

Single level:

Only the top level menu items are displayed.

Menu level: Single

Output on a Mosaic site: Single level menu links

 

Two levels:

Top level and second-level menu items (in drop-down menus) are displayed.

Menu level: Two levels

Output on a Mosaic site: Two level menu links

 

Three levels:

Second and third level menu items are displayed in a wide drop-down menu. Note: this option can only be viewed on the Navigation screen when 'Wide navigation' functionality is enabled on the site. If the 'Three levels' option is not visible and you would like to use it on your site, speak to the Web Platform team.

Menu level: Three levels

Output on a Mosaic site: Three level menu links

Choose how top level menu links are styled.

Standard:

'Standard' style uses background colour and foreground colour changes to indicate hover/focus and active links.

Link style: Standard

Output on a Mosaic site: Standard menu link style

 

Underlined:

'Underlined' style uses a line below links.

Link style: Underline

Output on a Mosaic site: Underline menu link style

The sidebar menu provides a menu of links to sub-top-level pages, and can only be used on Page content types; it is not available for Article, Event, or Person content types.

Top-level page Second-level page Third-level page Appears in sidebar?
Landing page 1    
  Sub-page 1.1  
  Sub-page 1.2  
    Sub-page 1.2.1
   

Sub-page 1.2.2

  Sub-page 1.3  

 

In the screenshot below, the pages listed in the sidebar menu in bright orange (e.g. 'News and Events'; 'People'; and 'Recent Publications') are direct sub-pages of the 'About the Faculty' page (second-level). The pages listed in pale orange are sub-pages of the 'People' page (third-level).

Sidebar menu

Output on a Mosaic site: Sidebar menu

Sidebar context

Because the sidebar displays links to pages at the same level or lower in the page hierarchy, it will contain different links depending on where in the hierarchy it is viewed. Using the example in the table above, the table below illustrates how the sidebar appearance changes depending on its viewing context:

Viewed on top-level page Viewed on second-level page Viewed on third-level page
  • Sub-page 1.1
  • Sub-page 1.2
  • Sub-page 1.2.1 (collapsed)
  • Sub-page 1.2.2 (collapsed)
  • Sub-page 1.3
  • Sub-page 1.1
  • Sub-page 1.2
  • Sub-page 1.2.1 (collapsed)
  • Sub-page 1.2.2 (collapsed)
  • Sub-page 1.3
  • Sub-page 1.2.1
  • Sub-page 1.2.2

 

Sidebar menu on a sub-page

Output on a Mosaic site: Sidebar menu on a third-level page

Sidebar positioning

Use the controls (4) on the Navigation tab to position the sidebar on the left or right of the page, or to prevent it from appearing on the site at all.

To hide sub-navigation on certain pages only:

  • select a position (left/right) (4) on the Navigation tab
  • in the edit mode of the page the sidebar is not to be displayed on, go to the Setup screen
  • at the bottom of the Setup screen check the 'Hide sidebar menu?' box
Hide sidebar checkbox in page edit-setup

Page edit mode > Setup screen > Hide sidebar checkbox

 

When the sidebar is displayed, it is not positioned within any of the page regions in the way a widget is, instead, it sits outside of the page regions and displaces them either to the left or right, depending on where it is positioned.

Breadbrumbs can be set to display or not display on pages. If breadcrumbs are enabled, they appear on every page on the site, and are positioned at the top of the main content area, above the page title.

Breadcrumbs

Output on a Mosaic site: Breadcrumbs displayed above the page title

 

The pages listed in the breadcrumb is determined by the navigation structure, which can be configured in the Main menu screen, or the page edit mode.

List of site pages