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

Result:

Advanced customization of the top navigation (Custom Menu)

Changing the colors of the menu content

1. Add the classes to the "Top navigation" CSS. (Each element you add to your custom menu has a class. See the class list below.)
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:

Creating custom menus

1. Create a menu element
2. Add child menu elements to the main menu element
3. Add content to the child menu elements
4. Add CSS (it's recommended to copy the sample CSS from here, we used that CSS in the example below)

Example configuration

Result:

Deutsche Version

#edCustomappheader .customTopNavigationMenuLi li a{

color: black !important;

}