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
Community showcase
Published Nov 29, 2018 in New to Confluence

How to use Confluence Cloud for stakeholder management

Most of us don’t need much convincing that stakeholder management is important. It just makes sense that keeping everyone in-the-know on projects and assigning clearly defined roles is key to having ...

1,229 views 4 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