Englische Version

Basic customization of the top navigation

Adding an additional dropdown menu

1. Click on the "+ Menu" button
2. Enter a name (the name is displayed in the topnavigation)
3. Add content to the menu
4. Expand the menu
5. Fill the content with data
6. Save your adjustments by pressing the button below
7. Set your default confluence theme to the "custom topnavigation" theme (See XXX for more detailed information)
8. The new menu and link are now visible in the global

Result:

Changing the color of the navbar

1. The navbar has a defauld ID "#edCustomappheader"(IDs start with "#"). Add this id to the CSS.
2. Add a background color atribute to the CSS. (#000 is the black color code in the example below)
3. Add a !important exclamation to the attribute
4. Save your CSS

Image Added

Result:

Image Added

Advanced customization of the top navigation (Custom Menu)

Changing the colors of the menu content

1. Add the "customTopNavigationA" class to the "Top navigation" CSS.
2. Add a color atribute to the class. (It's important to add an !important to the CSS, because you have to overwrite the default Styling of confluence.)
3. Save the changes

Result:

Deutsche Version