change picture in the head

Hi! How i can make two picture for logo in the head: one picture for static menu and one for rolling down menu? It needs because picture for rolling down menu too small for static menu. (url: http://165602.hoster-test.ru/)

You need to use css image instead of html one - only this way you can target differently for an element inside "#gkTopBar" alement (top menu) and "#gkFixedMenu" (sticky menu)

after many times, I'm not understand where i can change picture for "top menu" and "sticky menu". I searched for it using "firebug", but changed both picture.

Are you going to use svg logo or simple png one?

PNG

Code: Select all

.svg #gkTopBar #gkLogo.cssLogo, .svg  #gkTopBar #gkLogoSmall.cssLogo,
#gkTopBar #gkLogo.cssLogo, #gkTopBar #gkLogoSmall.cssLogo {
background-image: url('../images/style1/logo1.png');
}
.svg #gkFixedMenu #gkLogo.cssLogo, .svg  #gkFixedMenu #gkLogoSmall.cssLogo,
#gkFixedMenu #gkLogo.cssLogo, #gkFixedMenu #gkLogoSmall.cssLogo {
background-image: url('../images/style1/logo2.png');
}


No, it is not work. If i download my own pictures - all logo is broken. I dont know what is

URL uptade - http://239703.hoster-test.ru. Try one more - dont work, another problem

I don't see override.css enabled on your site. Where did you do the changes?

i dont have enabled css overdide, but now i changed it. Now is problem - wight and height assigned for both picture. How divided these parameters?

You can try to reset image size with this declaration:

Code: Select all

.svg #gkTopBar #gkLogo.cssLogo, .svg  #gkTopBar #gkLogoSmall.cssLogo,
#gkTopBar #gkLogo.cssLogo, #gkTopBar #gkLogoSmall.cssLogo {
background-size: 100%;
}
.svg #gkFixedMenu #gkLogo.cssLogo, .svg  #gkFixedMenu #gkLogoSmall.cssLogo,
#gkFixedMenu #gkLogo.cssLogo, #gkFixedMenu #gkLogoSmall.cssLogo {
background-size: 100%;
}


yes, now is everything ok

Ok. Please let me know if you would have any additional questions regarding this topic.