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; } } }

Logo Position

Samir Freelance

how can do centre the logo ?by default it is on the left

i am using atlassian-jira-4.3.4

Accepted answers

David at David Simpson Apps

Top left is really the best and most recognised place to put your logo/home page link, so reflect before making this change.

Browse to...

JIRA <tt>Administration | Options & Settings | Announcement Banner</tt>

Append the following:

<style>
#header-top {
    text-align: center; 
}

#logo { 
    float: none; /* reset the float:left property */
}

#header-top div.aui-dd-parent { 
    margin-top: -24px; /* You may need to adjust this a little */
}
</style>

All comments

Nic Brough -Adaptavist-

You'll need to dig into, and tweak, the core code to amend it. I looked at this a while ago, albeit for something different. I can't remember what file you need to edit, but I do remember being able to add to it quite easily. If you can tell us what version of Jira you're on, someone else might know the right file you need to edit.

David at David Simpson Apps

Top left is really the best and most recognised place to put your logo/home page link, so reflect before making this change.

Browse to...

JIRA <tt>Administration | Options & Settings | Announcement Banner</tt>

Append the following:

<style>
#header-top {
    text-align: center; 
}

#logo { 
    float: none; /* reset the float:left property */
}

#header-top div.aui-dd-parent { 
    margin-top: -24px; /* You may need to adjust this a little */
}
</style>

Samir Freelance

I am using atlassian-jira-4.3.4 please help

Samir Freelance

Nic I am using atlassian-jira-4.3.4 please help

Jason Jason16

David, that's such a dirty hack. I think its awesome.

Nic Brough -Adaptavist-

Nice hack David! Samir, if you use this, then bear in mind that the only problem is that you have to remember to retain it when using the banner for other stuff. So write it down somewhere and keep it in case you accidentally wipe it out.

Samir Freelance

Thanks it is working on firefox and google chrome

but in internet explorer the logo still on the left!!!

can you please fix it

David at David Simpson Apps

If this fixed it, could you mark the question as answered please? I thought you already had, but it doesn't look to be the case now. -- Cheers, David