Blurry Logo & Resizing

Take a look at line 1225 in your style.css file and change the height from 56px to 60px instead –

.header-image .light .site-title > a {
	height: 60px;
}

The Logo/Image you uploaded is probably too small, so when you increase the size it stretches the image (which causes the blurriness). You can upload a larger image by first changing the size of the Header/Logo code in the functions file.

First find out the size of your image, and then go to your functions file and add it in the header/logo section. It should look like this –

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'flex-height'     => true,
	'width'           => 300,
	'height'          => 60,
	'header-selector' => '.site-title a',
	'header-text'     => false,
) );

Then you can upload that logo to the header uploader (you won’t need to crop the image). After you do that, then you should be able to increase the size in your CSS like before but without a blurry image.

Let me know if this works.

The image itself is still too small and will look blurry if stretched – http://amgtx.wpengine.com/wp-content/uploads/2017/05/AM_Georgetown-Wht_320x64.png

Do you have a larger higher quality version?

If I open the image outside of the theme I notice that it still looks blurry a little, and if I increase the size it will show up even more blurry. I would try creating a larger image (twice the size) first. Examine the image in Photoshop (or whichever program you use) and make sure it’s not blurry on your computer. Then upload that image to your Media Page in WordPress and send me the link so I can take a look and let you know how we can manually add it in CSS.