Reply To: 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.