removing white space below header

I think you’re referring to the blank space above the search field.

Right now, line 669 of your style.css looks like this

#header #searchform {
   float: right;
   margin: 60px 3.4% 0 3px;
}

The four values for the margin property start at the top and go around the element clockwise. It’s the top margin of 60px that’s giving you the issue right now. I’d also suggest giving it a little bottom margin too, so it’s not right up against your navigation menu.

I’d change it to something like this:

#header #searchform {
   float: right;
   margin: 10px 3.4%;
}

FYI, I used a little short hand for the last part. When you use two numbers instead of four, the first number is the for the top and bottom and the second is for the right and left. Obviously, tweak the margin values to whatever you like best.

Hope this helps!

Thanks, this is very helpful!