Hello,
The issue right now is that the header has a set height of 114px and an overflow:hidden; css call which hides anything that would render outside that container. So if you were to remove the below CSS you would then see the entire logo with no clipping.
Template.CSS - Line 500
#s5_header_area1 {
background: url("../images/s5_menu_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 114px;
overflow: hidden; ** Remove This Line**
width: 100%;
z-index: 3;
}
You would then see your entire logo rendered. If you want to adjust the height of the logo manually you can add this to the custom.css (after removing the overflow:hidden) to resize your logo:
#s5_logo_module img {
height: 400px !important;}
My general recommendation would be to just rescale your logo server side to fit within the header height value or increase the height of the header at the line above.
-Mike