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

1 vote
Accepted answer

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 Sign up to answer
Community showcase
Published Wednesday in Jira

Make your Atlassian Cloud products more secure: our NEW admin security guide

Hey admins! I’m Dave, Principal Product Manager here at Atlassian working on our cloud platform and security products. Cloud security is a moving target. As you adopt more products, employees consta...

155 views 0 6
Read article

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