Overlapping shrinking Logo

sometimes – it might be nice to have the logo overlapping the header div
look here:
Pirol Hifi Fachgeschäft

you can reach this by setting up the overflow in a different way:

.responsive .logo {
display: block
}

.logo, .logo a {
    overflow: visible;
}

.logo img {
    height: 180%;
    max-height: 225px !important
}

@media only screen and (max-width: 400px){
.responsive .logo img {
    max-height: 175px !important
}
.responsive .logo a {
    display: block;
}
}

in the case above i set up in Optionsdialog the header hight to 125px
you have to play a littlebit with the values to optimize it to your logo!

for small screenwidth you have to change the values concerning to your logo.