WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Using a new theme and wondered how I go about reducing the black space above the header as currently it is too deep.

The site in question is here http://www.marqueehireauckland.net.nz/

The theme is twenty eleven


share|improve this question

no coding needed - in the dashboard under Appearance -> Header - Display Text: No this also cleanly moves the searchbox into the menu line.

edit: a css possibility would be to reduce the top padding in the style of #site-title.

share|improve this answer

That black space is where the name of the website is normally displayed. If you're not going to show the title there, you can remove that space by adding the following CSS to the bottom of style.css:

#site-title { display: none; }
#branding #searchform { top: 0; }

Want to tighten it up even more? Try this:

#site-title, #site-description { display: none; }
#branding #searchform { top: 294px; }
share|improve this answer

Go into your theme folder (/wp-content/themes/twentyeleven) and on header.php remove everything between the following:

<hgroup> ... </hgroup>
share|improve this answer
That does the same thing as my answer, but you'll end up with the search form on top of the image, which you may not want. You'll still have to edit the style.css to move the search form where you want. – Doug Aug 5 '11 at 19:36
I agree that more CSS tuning may need to be done, but in general you should not leave elements on the page that are simply hidden by CSS. – GavinR Aug 5 '11 at 19:55

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.