Text logo alignment on sub pages

Hello - On this site http://www.novascotiaheritageconference.ca/test2015/ I am using a text logo. The issue is discovered when we visit anything but the home page. You will see that the logo swings to the right and the menu is bumped down.

Can you advise how to fix this please? Thanks

Seems like an issue with our template.
I'll post it to our dev team and will write back as soon as I'll get an answer.

Thanks. That would be great! It particularly messes up the mobile version and we are going live tonight - if fixed. Thanks

Please edit: /templates/gk_events/css/override.css and add at its end:

Code: Select all

#gkHeaderNav.static #gkLogoSmall {
    top: -10%;
    margin-left: -170px;
}


Remember to enable "CSS override" in template settings - advanced section.

Close. That puts the text "almost" in the center but when you scroll down the page and when the logo moves to the left, it goes half way off the screen.

Please add this code to override.css:

Code: Select all

#gkHeaderNav.static.active #gkLogoSmall {
  margin-left: 0px !important;
}


Thank you for your help. That works.

Is there anything else I can help you with regarding this topic?

I was wondering if there was a little bit better recommendation for the mobile (eg. IPhone) version of this text logo? It is a bit large on the phone. Any recommendations?

\you can use firebug/devtools + css media queries and reduce font size for smaller devices.

Oh. OK then. We'll go look that up somewhere.

Please let me know if you have any issues with finding or implementing the solution.