How do I increase the height of the Top Menu Bar?

Colm Byrne August 4, 2013

Hi

Where do I increase the height of the Top Menu Bar in Confluence. I need it about 50% larger. I looked at header.vm but could not discern where the change would be made. If this is a stylesheet change, what would the code look like?

4 answers

0 votes
Sean Curtis
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
August 5, 2013

Add this:

.aui-header {
    padding: 15px 0;
}

0 votes
Colm Byrne August 4, 2013

Tried that too without change.

However, by using firebug, I found the name of the selector class and then changed it as below. This works - kind of.

This added andother 60px but below the top menu. So now, while I have the extra space, it is not centred but added to the bottom. See images attached. I was expecting the logo and search to be centred.

  1. .aui-dropdown2-trigger-group {
  2. height:60px;
  3. }
0 votes
Matthew J. Horn
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 Leaders.
August 4, 2013

Try appending !important to the end of the line, like this:

height:120px !important;

0 votes
Matthew J. Horn
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 Leaders.
August 4, 2013

You can set the height of the menu bar in a custom CSS file by using the #menu selector:

#menu {

height:120px;

}

Colm Byrne August 4, 2013

I added that to the Global Styleshee and it had no effect. Then I added it to the custom html with the same result. Something I am doing wrong?

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events