Top Navigation Bar

This topic describes how to modify the appearance of the top navigation bar in the Administration Console.

To modify the navigation bar, edit the stylesForCustomBranding.css file in both tenant appliances in the organization:

$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 

Edit the appropriate section of code so that it is similar to the following example, uncommenting the line containing background and changing the value for the color.

/*! Top header and Navigation background change */
.main-container {
  /*!  Navigation background color */ }
  .main-container .site-header {
    background: #0177b3;}

The following images show an example of the appearance of the page when the code has been edited as shown above.

BEFORE	AFTER