Change header size

Do you have a link so I can see which part of the header you’re referring to?

If you’re referring to the logo/header then you can look for this –

.header-image #title,
.header-image #title a,
.header-image #title-area {
	display: block;
	float: left;
	min-height: 120px;
	overflow: hidden;
	text-indent: -9999px;
	width: 50%;
}

….and change the min-height to 40px.

Make sure you’ve changed the header/logo size in your functions.php file as well.

Did you see the rest of my comment? I updated/edited it the same time you replied.

Yes use the Custom Menu widget in the header right widget area instead of the Primary Menu area (located in your menus page).

The title area/logo and header right widget area are both too wide to fit within the 1152px space. The title area is 50% (as you can see from the code above) and the header right widget area is 65%….so you’ll need to adjust one or the other so they can both fit. Then you may need to readjust your logo/background position back to fit in the center/middle as it was before like the demo.

I’m referring to the header image width as mentioned in the code above – https://appfinite.com/topic/change-header-size/#post-4518

No its no problem, its actually pretty easy once you understand how it works.

Did you remove the header? Because I don’t see it.

You can try changing the background-position of the image so it sits in the middle like this –

#header {
    background-position: 0 18px !important;
}

This is what it will look like if you do the suggestions – http://i.imgur.com/KZwkyDU.png

You can actually add that code to the header area in your css, and it will override it’s position.