Customizing Navigation branding settings

From the Navigation branding settings, you can customize the appearance of the TopClass navigation menu to better match your organization’s branding and improve visual clarity for users.

By updating these settings, you can control the colors of the navigation menu button and its icon, define the background and text colors of the navigation pane, and adjust the color of shortcut icons. Using hex color codes, you can create a cohesive look that aligns with your brand guidelines while ensuring the menu remains clear, accessible, and easy to use.

📘

Note

It is recommended to use colors that are complimentary to those chosen for the Header and Page Section (Global) colors.

To customize the global branding of the navigation, do the following:

1. Go to Customizations > Branding.

2. Click the Navigation tab. Update the following settings to modify the appearance of the Navigation pane:

   🚧

   Warning

   These settings affect the Navigation Menu Links, Shortcut Links, eLearning Course Navigation, and other on-screen Navigation elements.

   • Navigation Menu Button Color – Set the color of the navigation menu button using a hex color code.

   • Navigation Menu Button Icon Color – Set the color of the navigation menu button icon using a hex color code.

   • Navigation Menu Background Color – Set the background color of the navigation menu pane using a hex color code.

   • Navigation Menu Text Color – Set the text color of the navigation menu pane using a hex color code.

   • Shortcuts Icons Color – Set the color of the shortcuts icons using a hex color code.

   📘

   Note

   Click the question mark (?) icon beside each setting to view its location on the screen.

3. Click Save.

4. To reset a single customization, click Reset. To restore all branding settings to the system defaults, click Reset All at the top of the page.