Es más simple de lo que parece.
Si te fijas, al div contenedor le da el estilo inline (style) la variable siguiente:
Esto reproduce el código html siguiente:
Código PHP:
Ver original<div style="height: 80px; top: 40px; padding: 0px;" class="logo">
<a href="http://www.bananabamarketing.com/" style="height: 75px; visibility: visible;">
<img alt="Logo" src="http://www.bananabamarketing.com/wp-content/uploads/2015/03/logorpueba1.png" style="height: 100%;">
</a>
Lo que significa que la variable le está aplicando el style:
height: 80px; top: 40px; padding: 0px;
Si te fijas en el html que te genera, a la imagen se le está aplicando un style de "height: 100%" (esto se lo debe de generar por javascript porque no aparece nada en el código php) lo que significa que si el alto del contenedor tiene 80px, la imagen tendrá un 100% de 80px, total: 80 px.
Por otro lado, el css tiene un width: auto.
Si quieres arreglarlo sin cambiar el código php, fuerza el CSS como te muestro abajo
Código CSS:
Ver original.logo img {
display: block;
height: auto !important;
position: relative;
top: -80px !important;
width: 100% !important;
}
Básicamente, lo que he hecho es cambiar el width por 100% y que sea el height automático respecto al ancho de la imagen. Puedes cambiar el ancho a tu gusto.
(por otro lado está el tema del posicionamiento (top) que es un poco raro ese -40px, pero bueno lo he forzado con el -80px, que si fuera mía la página le buscaría el porqué para dejar el top de una manera natural)
De todos modos, si te da igual perder alguna funcionalidad de la plantilla puesto que eres tú el que lo controla, es tan simple como borrar esas variables y meterlas tú a mano en html, y crear tu propio código html a tu gusto.
Te recomiiendo que te crees un tema child de la plantilla y hagas los cambios ahí.
Un saludo y espero haber podido ayudarte.