Ohio University

skip to main content

Guide: Flyout Navigation

Top Level items appear without hovering the mouse over them:

Top Level

Second Level items "fly out" to the right when the mouse is hovered over a Top Level item:

flyoutNavPic2

Enter a New Top-Level Link

New Top Level Link

  • Enter information in the Level 1 Menu Link Text and Level 1 Menu Link URL fields, as shown below.

Level 1 Menu Link

  • Click Submit to save your changes. (Or, if you have a Publish Menus link, please see Step 5.)
    • Your new Level 1 Menu Link will appear in the Menus As Currently Exist: list, as shown next.

New Top Level Link Submitted

  • ( Optional ) If your Manage page contains a Publish Menus link near the New Second Level link (as shown below), you must click the Publish Menus link to push the changes to the site.

Publish Menus Link

  • ( Optional (cont.) ) When prompted, click the Publish Now button, as shown below.

Click

Enter a New Second-Level Link

New Second Level Link

 

  • Select the Parent of this second level link from the Parent Level drop-down list, as shown below.

Select the Parent of the second level link

  • Enter text in the Level 2 Menu Link Text field and the Level 2 Menu Link URL field, circled below.

Level 2 Menu Link

  • Click the Submit button. (Or, if you have a Publish Menus link, please see Step 6.)
  • ( Optional ) If your Manage page contains a Publish Menus link near the New Second Level link (as shown below), you must click the Publish Menus link to push the changes to the site.

Publish Menus Link

  • ( Optional (cont.) ) When prompted, click the Publish Now button, as shown below.

Click

Edit a Link

Edit Options

  • In instances where only the top level link exists, the Top Level link name will be highlighted, as shown next.

Top Level Link

  • In instances where the top level link contains second level links, the second level links will appear to the right, as shown below.

Second Level Links appear to the right

  • Click the Edit ( E ) button for the top level link (left column) or second level link (right column) you wish to edit. Instructions for editing each of these links follow.

Edit a Top Level link

Edit Top Link

Edit a Second Level link

Edit Second Level Link

  • ( Optional ) If your Manage page contains a Publish Menus link near the New Second Level link (as shown below), you must click the Publish Menus link to push the changes to the site.

flyoutNavPic18

  • ( Optional (cont.) ) When prompted, click the Publish Now button, as shown below.

Click

Delete a Link

Delete Option

  • After pressing D to delete, your screen might not react in any way. But, a prompt will be waiting for you at the top of the page (circled below).
  • Scroll up on the page to find the "Do you wish to delete this menu item?" prompt.
  • Click Continue if you wish to proceed with the deletion.

Click

  • ( Optional ) If your Manage page contains a Publish Menus link near the New Second Level link (as shown below), you must click the Publish Menus link to push the changes to the site.

Publish Menus Link

  • ( Optional (cont.) ) When prompted, click the Publish Now button, as shown below.

Click