Logo Frontpage/Header and Logo in the Menu

How can i use 2 different Logos in the Header on the frontpage and in the menubar?
I have a black or white Logo but it takes me allways the same logo.

So when i choose the black one, it doesn't show up in the white menubar and on the other way the same.
In the template manager i can just choose one logo?

thank you for your helps.
oliver

The best solution is to use CSS Logo and then you have two different files for logo area. First one (the bigger one) in templates/gk_john_s/images/logo.svg
and this additional visible on dropdown menu bar » templates/gk_john_s/images/logo_dark.svg

Hallo
What must that be for a SVG version? For me it does not when I create a new logo...

Was für eine SVG Version muss das sein? Bei mir geht es nicht wenn ich ein neues erstelle...

No you can use any file format but before this you need to make one modification. Please open file template.css and find this code :

Code: Select all

.svg #gkLogo.cssLogo {
background-image: url('../images/logo.svg');
}

then just removed it. After that your logo will display PNG version. File is located in templates/gk_john_s/images/logo.png. So all that you should do is to replace this PNG with your own file. The same process should be repeat for small logo in menu area. Please remove this code from template.css

Code: Select all

.svg #gkLogoSmall.cssLogo {
background-image: url('../images/logo_dark.svg');
}

and then replace this file to your logo : /templates/gk_john_s/images/logo_dark.png