Adding navigation menus

In this article you will learn how to manage menus in PageFabric.

Good to know:  When you rename or move a page in the Website explorer, links and navigation menus are automatically updated to keep working links. This way you are sure that your visitors won't face 404 errors.

Create and manage your menus

To edit existing menus, proceed like that:

  1. Click on the Site ribbon tab
  2. Click the Manage menus button to open the dialog below

  • Click the Add button to create a new menu
  • Select a menu in the list and click the Edit button to open the menu editor and modify the existing menu
  • Select a menu in the list and click the Duplicate button to create a copy of the existing menu
  • Click the Remove button to delete the menu from the site

Please note:  Make sure that there is no page that uses a menu before deleting it. There is no verification.

When you create or edit a menu, the menu editor dialog opens.

When you create a new menu, you must give it a name. It will be useful when you will need to edit it afterwards.

A menu can be viewed as a collection of items and sub items.

  1. Click the Add root menu item button to add a root item that can contain sub items
    Click the Add sub menu item to add a child menu to an existing one
  2. Give a name to the menu entry (the name will be used as the link text)
  3. Give a link in the Menu entry URL text box (click the 3 dots to select an existing page on your site)
  4. Check the Open link in new window if you want to open the link in a new tab (useful for external links)

Repeat the steps to populate your menu. Click on Save and Close button to save your modifications and close the dialog.

Add navigation bars to your pages

Horizontal menus

Please note:  Horizontal menus support only one level of submenus.

Horizontal menus are often used in headers.

To insert an horizontal menu on a page, proceed like that:

  1. Drop a Horizontal navigation menu from the Parts collection to the side bar you want
  2. Double click on the menu to open the editor dialog and create a new menu
    OR
    Click on the Select a menu button in the quick tool bar above the menu to use an active (similar term) menu
Responsive menus

When your visitors use a mobile device with a small screen, horizontal navigation bars will adapt to be usable with fingers.

Vertical menus

Vertical menus are used in left and right side bars, depending on the page layout you are using.

To insert a vertical menu on a page, proceed like that:

  1. Drop a Vertical navigation menu from the Parts collection to the side bar you want
  2. Double click on the menu to open the editor dialog and create a new menu
    OR
    Click on the Select a menu button in the quick tool bar above the menu to use an existing menu

Responsive menus

When your visitors use a mobile device with a small screen, vertical navigation bars will transform into a simple button that will bring the navigation menu on top of the page.

Was this page helpful?   Yes   No
Improve your PageFabric skills

Explore user guide

Have a question?

Join us on twitter