Logo and Menu on the same space on top

For the height, look in your css for this (line 1954)

.header-image .site-title a {
    float: left;
    min-height: 164px;
    width: 100%;
}

You can either remove or adjust that, and that will fix the height.

For the logo itself, you could either recreate it in photoshop and add some space on top and/or bottom so it will align in the middle vertically….or you could add some padding to the .head-wrap in your css and that will push that entire section down. Either way will work.

When it comes to Genesis and uploading logos it’s different for each persons site since it depends on the size and position of the logo, and the menu size on the right.

For the menu, if you resize your browser to the full width of the theme (1140px) then it floats to the right, but if you resize it a little bit it does float to the left, and you could change that in your first responsive section in your css. Look for this –

.content,
.site-header .widget-area {
	width: 620px;
}

Then change that code to this –

.content {
	width: 620px;
}
	
.site-header .widget-area {
	/*width: 620px;*/
}

That removes the width

Yes I mentioned what you could do in my previous comment….I’ll repost –

<blockqutoe>”For the logo itself, you could either recreate it in photoshop and add some space on top and/or bottom so it will align in the middle vertically…..or you could add some padding to the .head-wrap in your css and that will push that entire section down. Either way will work.”

Hi Eric,

I was having the same problem and I found updating my padding in this area helped:

.header-image .site-header .widget-area {
	padding: 5px 0;
}

I still can’t figure out how to align the text properly though. Working on that now. http://jennifergrayeb.com