Versions Compared

Key

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

How to Customize Navigation Links in the Site Admin

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

Steps:

  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 Nav to access the navigation settingsmenu.

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

...

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

  2. Here, you

    will encounter a roster of

    'll find default navigation links

    that are initially visible. You can

    . Here, you can use the Add Link button to create new links, edit

    them

    existing navigation links through the pencil icons, adjust their order by dragging and dropping, or delete

    them. Additionally, you can create new icons using the Add Link button

    navigation links using the X icons.

Customizing the Quick Links Navigation

...

  1. On Find the Navigation page, find the Quick LinkLinks section on the navigation page.

  2. Here, you will encounter a roster of default navigation links that are initially visible. You

    Like the Header Nav section, you can create new links here using the Add Link button, edit

    them

    existing navigation links through the pencil icons, adjust their order by dragging and dropping, or delete

    them. Additionally, you can create new icons using the Add Link button

    navigation links using the X icons.

Creating

...

New Navigation

...

Items

  1. In the header navigation Header Navigation section, select the Add Link button.Once

  2. selected, Fill out the required fields in the Create Quick Link window opens with options for: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

      of the link

      . Search for Pages, Courses, Groups, or Library content to create an internal link.

      • To create an external External link that will open in a new tab, uncheck the internal box and add a 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.

    • 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 on hoverwhen hovering.

      • Icon with Text: A large icon with text underneath

  3. Once all the information is filled out, select the Create button 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 to open .

  2. Update the necessary fields in the Edit Navigation Link window.Here you can update:

    • Link Text

    • Destination

    • Icon

    • Link style

  3. Save changes using the Save button to ensure your updates are saved.

  4. The Cancel button will cancel all updates and close the Edit Navigation Link window

Deleting Navigation items

...

Reordering Navigation Items

  1. Click and drag the navigation item you want to delete

  2. Select the Save button to ensure your changes are updated.

Reordering Navigation items

  1. Click to drag 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 reorder and drop them where you want themdelete.

  2. Save changes to ensure your changes are updatedconfirm the deletion.

Saving Changes

After making

...

changes, select the Save button to apply the updates to the respective navigation section

...

.

End Result

...

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

Additional Tips

...

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

  • Test the navigation on different devices to ensure for optimal user experience across various platforms.

  • If you encounter any issues or have questions about the navigation settings, contact Contact your JUNO team representative for assistance .

...

  • with any navigation issues or questions.