Reply To: Big Header Issue

@theapril Try changing the title-area width to a percentage. Example (line 4522) –

.title-area {
	float: left;
	padding: 0;
	padding: 0;
	width: 100%;
}

At the moment, the title area is set to a fixed width around 825px which is the cause of the image not resizing and being cut off.

I would also remove the margin-left that was added on 4531 so that the image will center when viewed on mobile devices or when the browser is resized –

.header-image .title-area {
    padding: 0;
    margin-left: -45px;
}

You can change the widget area width to auto on line 4050 –

.site-header .widget-area {
    width: auto;
}

Since your logo is large, you would have to make some changes to the responsive section of the css to have certain parts kick in at certain sizes/browser widths. If you want me to login for you and add all of this in I can, just let me know.