Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How to Customize Navigation Links in the Site Admin

This guide will walk you through customizing the navigation items in your site's header and side navigation using the Site Admin sectionsections.

  1. Accessing the Site Admin:

    • Select the settings cog at the website's top right-hand side to access the Site Admin.

  2. Navigating to the Navigation settings:

    • Once in the Site Admin section, locate and select Navigation from the left-side navigation menu.

...

Overview of the navigation page | Customizing the header navigation | Customizing the quick links navigation | Creating new navigation items | Additional tips

Overview of the navigation page
Anchor
Overview-of-the-navigation-page
Overview-of-the-navigation-page

The navigation page has two sections: the Header Nav and Quick Links.

  • Header Nav: Links edited or created here will reflect on your site's Header Navigation. The Save button displays real-time updates.

  • Quick Links: Links edited or created here are reflected on your site's Side Navigation menu. Real-time updates can be viewed under What Users Will See.

...

Customizing the header navigation
Anchor
Customizing-the-header-navigation
Customizing

...

-the-header-navigation

  1. Locate the Header Nav section on the navigation page.

  2. Here, you'll find default navigation links. Here, you can use the Add Link button to create new links, edit existing navigation links through the pencil icons, adjust their order by dragging and dropping, or delete navigation links using the X icons.

...

  1. Locate the Quick Links section on the navigation page.

  2. Like the Header Nav section, you can create new links here using the Add Link button, edit existing navigation links through the pencil icons, adjust their order by dragging and dropping, or delete navigation links using the X icons.

Creating

...

new navigation items
Anchor
Creating-new-navigation-items
Creating-new-navigation-items

...

  1. Select the Add Link button in the section you want to create a new link within.

    • Header Nav

    • Quick Links

  2. Fill out the required fields in the Create Quick Link window, including Link Text, Destination, Icon, and Link Style.

    • Link Text: This text will show on the button or as a tooltip and is required.

    • Destination with a Checkbox to designate internal (default on): The link's destination. Search for Pages, Courses, Groups, or Library content to create an internal link.

      • To create an External link that will open in a new tab, uncheck the internal box and add a valid URL.

    • Icon: Choose an icon to accompany the link. If you have already set an icon for an internal link with a photo, the icon will show instead of the photo.

      2024-03-28_21-28-54.pngImage Added
    • Link Style: Choose from the 3 link styles:

      • Text: Text with an optional icon to the left.

      • Icon: Only a large icon shows with a tooltip when hovering.

      • Icon with Text: A large icon with text underneath

  3. Select Create to finish setting up the new header nav item.

Editing Navigation Items

  1. Select the Pencil icon on the navigation item you want to edit.

  2. Update the necessary fields in the Edit Navigation Link window.

  3. Save changes using the Save button.

Reordering Navigation Items

  1. Click and drag the navigation item to the desired position.

  2. Save changes to apply the updates.

Deleting Navigation Items

  1. Select the X icon on the navigation item you want to delete.

  2. Save changes to confirm the deletion.

Saving Changes

Info

After making changes, select the Save button to

...

update the respective navigation section.

End Result

You have successfully customized the navigation links in your site's header and side navigation sections according to your preferences.

...

Additional tips
Anchor
Additional-tips
Additional-tips

  • Regularly review and update your navigation to ensure alignment with your site's content and objectives.

  • Test the navigation on different devices for optimal user experience.

  • Contact your JUNO team representative for assistance with any navigation issues or questions.