different logo in fixed navingation bar

Hello,
I'd like to have an all white version of my logo show on the home page when the site loads. I'd a color version to show when the fixed navigation bar drops down (after scrolling down the home page). I want this colored logo to also show on the inside pages. Here is my site for reference:

http://50.63.56.240/~csrc/v2/ (the site is under construction so it's not associated with a domain name.

Thanks a lot, Mike

Hi

This won't be easy since this is the exact same bar displayed, but please send me an access to your joomla panel and I'll try to figure it out.

Hi

I've checked and it's doable, but You need to replace Your logo from an image representation to an image loaded in background.

First a removing of image logo:

Code: Select all

#gkLogo {
    height: 95px;
    width: 251px;
}

#gkLogo img {
    display: none;
}


Code for logo visible at the beginning:

Code: Select all

#gkHeader #gkLogo {
    background: url('http://50.63.56.240/~csrc/v2/images/logo-web.png') no-repeat 0 0 transparent;
}


and the logo after sliding:

Code: Select all

#gkMenuWrap #gkLogo {
    background: url('http://50.63.56.240/~csrc/v2/images/logo-web.png') no-repeat 0 0 transparent;
}


Awesome! Just what I was looking for. Thanks so much. One thing that changed, there is now a black bar below the header image due to the code below. Is there a piece of code I can add to fix this? Thanks again, Mike

Code: Select all

#gkLogo {
    height: 95px;}

Hi

Yes. Please just adjust the padding (first value) to fit the new height of the header box.

Code: Select all

.imageBg #gkHeaderMod {
    padding: 155px 0 130px;
}


Perfect. Thanks for your help!

Hi

No problem. Glad I could help