How Do I Add Links to Confluence 5.x's Top Global Header/Navigation Bar?

Still need help?

The Atlassian Community is here for you.

Ask the community

  1. Navigate to Confluence Admin >> Custom HTML
  2. Click Edit
  3. Add the following to At the end of the HEAD:

    <script>
    AJS.toInit(function(){
        AJS.$('.aui-header-primary .aui-nav').append('<li><a href="http://www.atlassian.com" class=" aui-nav-imagelink">Atlassian</a></li>');
    });
    </script>

    The example above will add an "Atlassian" link to the top navigation bar

To add multiple links:

  1. Do the same as for a single link, making sure you follow the same format as below, all additional link items must be on the same line with no hard returns or spaces between them.

<script>
AJS.toInit(function(){
    AJS.$('.aui-header-primary .aui-nav').append('<li><a href="http://www.atlassian.com" class=" aui-nav-imagelink">Atlassian</a></li><li><a href="http://www.google.com" class=" aui-nav-imagelink">Link2</a></li><li><a href="http://www.google.com" class=" aui-nav-imagelink">Link3</a></li>');
});
</script>

The example above will add two new links "Link2" and "Link3" to the navigation that both link to www.google.com

Last modified on Sep 14, 2018

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.