Placing logo above Confluence navigation menu

Hi all,

Could you please help me with a quick question. I would like to place a logo above the Confluence navigation menu. For example, as it is done on this page: https://wiki.nci.nih.gov/display/WikiTrainFAQsTips/Wiki+FAQs%2C+Tips+and+Guidelines

How to do it? I have admin's rights to manage a Confluence space and currently use "Documentation Theme", but I do not have access to any Confluence files on a server. Thank in advance.

1 answer

Hi Euguene,

I don't think you can have your layout the same as the example you provided if you're just the Space Administrator. I believe in the example they have inserted Custom HTML at the end of the HEAD via Browse -> Confluence Admin -> Look and Feel -> Custom HTML and inserted some html at the end of the HEAD to give them their top banner.

With the Documentation Theme you can select Browse -> Space Admin -> Themes -> Documentation Theme -> Configure Theme where you have a text box to insert wiki markup in the header, but the markup you place in here is inserted below the navigation, not above it.

If you're using the Global Look and Feel theme you can select Layout and create custom for the Main Layout and enter the HTML for the logo you want as highlighted below:

## HTML BODY BEGINS

<body #onLoadAttr() id="com-atlassian-confluence" class="$!theme.moduleKey $!sitemeshPage.getProperty("page.bodyClass")">

#parse ("/decorators/includes/main-content-includes.vm")

<ul id="assistive-skip-links" class="assistive">

<li><a href="#title-heading">$action.getText("assistive.skiplink.to.content")</a></li>

<li><a href="\#breadcrumbs">$action.getText("assistive.skiplink.to.breadcrumbs")</a></li>

<li><a href="#header-menu-bar">$action.getText("assistive.skiplink.to.header.menu")</a></li>

<li><a href="#navigation">$action.getText("assistive.skiplink.to.action.menu")</a></li>

<li><a href="#quick-search-query">$action.getText("assistive.skiplink.to.quick.search")</a></li>

</ul>

## PUT YOUR LOGO HTML HERE

<div id="page">

If you wanted to use the Global Look and Feel theme you could add a left hand navigation similar to the Documentation theme by following the instructions at http://confluence.atlassian.com/display/DOC/Adding+a+Navigation+Sidebar

Would Global Look and Feel with a custom left navigation work for you?

Andrew.

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Kesha Thillainayagam
Posted Friday in Confluence

We want to hear how your non-technical teams are using Confluence!

Hi Community! Kesha (kay-sha) from the Confluence marketing team here! Can you share stories with us on how your non-technical (think Marketing, Sales, HR, legal, etc.) teams are using Confluen...

287 views 11 10
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