Reply To: Header dimensions

Since Eric probably hasn’t seen this just yet, let me go ahead and jump in since I know you’re on a deadline…

The Extra space looks like it was added to this part of the CSS around line 1996 –

.header-image .site-header .widget-area {
	padding: 150px 0;
}

If you reduce the padding, it will take away some of the space. That code (150px) handles both the Top and Bottom of the CSS. If you want to control them separately then you need to add something like this –

.header-image .site-header .widget-area {
	padding: 150px 0 100px;
}

The first one (150px) is the top padding/space, the second (0) is the left and right (together, equally) and the 3rd (100px) is the bottom. These are shortcuts, so you can control those parts of the padding by adjusting the pixels that way. If you need to adjust each side independently (top, right, bottom, left) then let me know and I’ll give you the code to do it.