The Atlassian Community Forums are currently in read-only mode. We will be relaunching on a new platform on September 22 (read more here). We apologize for the extended downtime. For concerns or questions, please email communitymanagers@atlassian.com. See you on the other side, on the new Atlassian Community Forums! :)

×

Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

How to configure a sticky site wide Confluence banner

infrastructure
October 1, 2025

Hi,

We have a site wide banner for our Confluence Data Centre instance as per this page https://support.atlassian.com/confluence/kb/how-to-add-a-site-wide-banner/ and configured 'At beginning of the BODY'.

I'm pretty sure this used to be sticky but we are now finding that when you scroll down a page the banner disappears.

Does anyone know how to make it sticky?

Thanks :)

2 answers

Comments for this post are closed

Community moderators have prevented the ability to post new answers.

0 votes
Jan Kuntscher - appanvil - Aura Karma Mantra
Community Champion
October 1, 2025

Hi,

Does this only happen when you are logged in as an administrator?

Best regards,

Jan

0 votes
Stefan Stadler
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Champions.
October 1, 2025

Hi @infrastructure 

it seems that once you are scrolling, the navigation bar gets the sticky part and is "overwriting" (sorry, I do not know a better word for it) the sticky configuration of any other divs you might have added. So even if you specify a div to be sticky, the nav will get layed over that one.

I could only imagine to add something to the navigation bar content, which would be identical to a global banner. But you will have to create some JavaScript in the custom HTML to populate it accordingly.

The custom HTML then must start with JavaScript, that only runs once the page is loaded.

<script type="text/javascript">
  AJS.toInit(function(){
    //your code goes here
  });
</script>

Hope this helps!

Stefan

DEPLOYMENT TYPE
SERVER
VERSION
9.2.6
TAGS
AUG Leaders

Atlassian Community Events