Make navigation bar in JIRA static?

In JIRA 6.1.3 it's really nice that the Issue header will "stick" to the top as you scroll down the page. Is it possible to make it so the header (with the dashboard, projects, issues, and create issue button) "stick" to the top in the same way?

2 answers

1 accepted

Well, I'm not sure it's the wisest thing to do as you may experience issues on particular screens, but here goes. Paste this into your Announcement Banner:

<style>
    #header {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 1000;
    }
    .aui-header { z-index: 1001; }
</style>

<script type="text/javascript">
    AJS.toInit(function() {
        AJS.$("#content").css("top", AJS.$("#header").height());
        AJS.$("#stalker").css("padding-top", AJS.$("#header").height());
    });
</script>

The JS is necessary because the height of the header can change if there's a message being displayed. e.g. If you add a new custom field, there will be a 3 line message at the top of all admin screens asking you to re-index.

Overall this solution is good. There are a few pages (as the author cautioned) that it doesn't look 100% correct, but it still accomplishes the goal. It would be nice if this was simply an option in the global preferences.

/** Fixed top nav bar **/  
#header {  
    position: fixed;  
    top: 0;  
    left: 0;  
    z-index: 1000;  
    width: 100%;  
}
.aui-header { 
z-index: 1001; 
}  

.aui-message{   
  margin: 45px 5px 5px 13px !important;  
  width: 90%;  
  z-index: 1001;  
  padding: 8px 40px 8px 60px;  
}  

.theme-default .ia-splitter #main {
    margin-left: 285px;
    margin-top: 35px;
}

Suggest an answer

Log in or Join to answer
Community showcase
Sarah Schuster
Posted Jan 29, 2018 in Jira

What are common themes you've seen across successful & failed Jira Software implementations?

Hey everyone! My name is Sarah Schuster, and I'm a Customer Success Manager in Atlassian specializing in Jira Software Cloud. Over the next few weeks I will be posting discussion topics (8 total) to ...

2,799 views 11 18
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you
Atlassian Team Tour

Join us on the Team Tour

We're bringing product updates and pro tips on teamwork to ten cities around the world.

Save your spot