another logo size change post

Hello,
I've looked through every logo size change post i can find, and the override code that gets me closest is:

Code: Select all

#gkLogo { height: 100px; width: 199px; }


However, as you can see (bairdmaritime.cloudaccess.host), it is still doing a weird thing where part of the logo overlaps the top lefthand corner of the page.
It is also giving too much space above and below (and pushing the banner ad up a bit), but i don't know if this is a separate issue or because of the overlap.
Any ideas?

Can anyone help me?

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkFixedMenu {
    top: -110px;
}

#gkFixedMenu #gkLogoSmall img {
    max-width: 100%;
}


Thank you sir!

I also added max-height: 100% which shrinks the logo down to the correct height for the floating menu bar

so final for reference was:

Code: Select all

#gkLogo { height: 100px; width: 199px; }
#gkFixedMenu {
    top: -110px;
}

#gkFixedMenu #gkLogoSmall img {
    max-width: 100%; max-height: 100%
}

Hi

Yes, that's correct. Glad You've made it work. Closing this thread now.