Шапка сайта, как вставить логотип и задать фон?

Здравствуйте!
В теме Twenty fourteen добавила логотип через админпанель, где рекомендуется вставлять картинку 1260 × 240 пикселей.
Получилось вот так: http://joxi.ru/4AkE35LIe05Pmq
Как сделать белый фон шапки сайта через css?
И как выровнять логотип, чтобы он был не совсем в углу?

Я понимаю, что сделала все не правильно, может есть другие рациональные решения?
Все что я нашла в интернете — это поставить картинку, которая будет белым фоном и поверх картинку-логотип. А хотелось бы вставить логотип картинкой, а фон, так как он просто белый, прописать в css
header

<?php if ( get_header_image() ) : ?>
	<div id="site-header">
		<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
			<img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
		</a>
	</div>
	<?php endif; ?>

style

#wpadminbar {
	min-height: 32px;
}

#site-header {
	position: relative;
	z-index: 3;
}

.site-header {
	background-color: #000;
	max-width: 1260px;
	position: relative;
	width: 100%;
	z-index: 4;
}

.header-main {
	min-height: 48px;
	padding: 0 10px;
}

Прощу простить мои нубские вопросы =)