Hide navigation in Confluence header

Because we have already a main-navigation within our custom theme, we want to hide the navigation bar in the Confluence header. How do we configure this without losing our space hierarchy?

Solution

To hide the navigation globally, you can add the following CSS code into Look and Feel > Stylesheet:

#navigationbarpro{display: none !important;}


As you can only configure the SubSpace Navigation in the menu bar, you need to additionally create a new user macro and choose "No macro body". Add the following code as template:
## @noparams
<a class="openadminnavilink" href="#">Open SubSpace-Admin</a>
<script>
   jQuery(function(){
        jQuery(".openadminnavilink").click(function(){
            jQuery("#administratenavigation").click();
        });
   });
</script>

When adding this macro to a Confluence page you will see the configuration screen.

We have logged the following requirement for further development: CSSP-328 - Getting issue details... STATUS

Hide navigation bar for logged-out users

To hide the navigation bar for logged-out users, you can add the following script code into: Confluence administration > Look and Feel > Custom HTML > Insert Custom HTML at end of the HEAD:

<script>
document.addEventListener("DOMContentLoaded", function () { 
  if(AJS.Meta.get("remote-user") == "") {
      document.getElementById("navigationbarpro").style.display = "none"; 
  }
});</script>

We strongly recommend you configure and test the script in a test system first, before adding it to your productive system.