modify header height

How does it work ??

There are two ways, both done in _custom/custom-style.css:

1) if you use a logo image you can assign different margins to it, even 0, e.g.:

#logo img {
  margin-top: 15px;
  margin-bottom: 30px;
}

2) a more general approach will be:

#top_right {
  height: 200px;
}

Preferably, use release 6.x-2.2 or 6.x-2.x-dev. Release 6.x-1.x-dev seems to be outdated.

For me, using a 200 pixel high header image I had to do it like this to bump the nav list back down to the bottom of my header:

#headimg {
	
	background: transparent url(/sites/default/files/main_header.jpg) no-repeat;
}

#top_right {
  height: 200px;
}

#navlist {
	padding-top: 120px;
}

I am struggling to simply center the logo. Like centering the top menu, how can I get the logo to stay in the center while the search stays where it is? I'm guessing it is something easy, but can't seem to figure it out, even with what's posted here. Any suggestions?

It is not easy, at all. You can use the "header" region to put a block with all the settings you need.

The best way to adjust the header height is to tune the logo margins in your _custom/custom-style.css. Also, this technique allows to put your logo in weird positions. Try this to move the logo to up and left, lowering the header height with 40px:

#logo img {
margin: -30px 15px -5px -40px;
}

I have been trying to change the css

 #top_right 
{
  height: 200px;
 }.

But its not reflecting in either custom-style.css file or ink.css. I can I change the css please suggest.

Just ad the lines above in custom-style.css file.

I am closing this issue, since it's for a Drupal version no longer supported.