nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

how to i get jira to have a banner at the top of the screen?

mat w

i would like to add a banner above the jira menu bar. how can i do this.

i would like the same as the attached image in jira

Accepted answers

Jack Nolddor [Sweet Bananas]

Hi mat,
Please refer to the following document to learn how to add a banner message

EDIT:

If you want to display the message at the top of your page, just put JS code at the bottom of the announcement to do the trick:

<script>
  AJS.toInit(function(){
    var $banner = AJS.$('#announcement-banner');
    var $header = AJS.$('#header');

    $header.before($banner);
  });
</script>

Does it work for you?
Regards

All comments

Jack Nolddor [Sweet Bananas]

Hi mat,
Please refer to the following document to learn how to add a banner message

EDIT:

If you want to display the message at the top of your page, just put JS code at the bottom of the announcement to do the trick:

<script>
  AJS.toInit(function(){
    var $banner = AJS.$('#announcement-banner');
    var $header = AJS.$('#header');

    $header.before($banner);
  });
</script>

Does it work for you?
Regards

mat w

thanks but that below the jira menu bar. i would like it above. like in the attached screen shot.

easy to do in confluence

Jack Nolddor [Sweet Bananas]

I've edited my previous response to show you how to move the banner content to the before the header.

I hope this help.
Regards

mat w

that's great, thank you!

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

server

jira

jira-server

announcement-banner