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

This widget could not be displayed.

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 Summit 2018

Meet the community IRL

Atlassian Summit is an excellent opportunity for in-person support, training, and networking.

Learn more
Community showcase
Published Jul 30, 2018 in Confluence

How Manon Soubies-Camy uses Confluence + Trello to organize webinar notes and her knitting stash

@Manon Soubies-Camy is an engineer who has been an avid Atlassian user since 2014. She helps companies of all sizes transform the way they work with the Atlassian stack, including Jira and Confl...

858 views 8 13
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