Hi,

I'm building a site using the Nebula template, and I have set it up like the demo with a sticky menu on scroll. However, I'm using an image logo, and not text like the demo.

Is it possible to use another image for the logo when scrolling? My logo is white, and looks fine on the colored background, but it disappears on the white background of the sticky menu.

I wanted to do an override using CSS (with the .affix class), but because the logo is loaded in an <img> tag, and not as a div with css background, I couldn't find an easy way to do it.

Any suggestions?

Thank you for an excellent template club.

Hi

Just wondering if its possible to change the sticky colour as an easier option?

Cheers
Paul

And welcome on board

Thank you, I'm looking forward to using your templates for my designs.

I played around with different solutions, and also tried changing the sticky color, but I ended up with this CSS code to replace the image:

.affix img {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url('/images/main-logo2.png') no-repeat;
width: 300px; /* Width of new image */
height: 68px; /* Height of new image */
padding-left: 300px; /* Equal to width of new image */
}

Thanks for posting your solution

Cheers
Paul