Top Nav logo effects

[trishe57]

Hi all,

I think I know the answer to this, but I'm going to ask anyway.

I'm using a responsive top nav template. It is for internal service documentation, so I want the logo to take the user back to the home page, not out to the company website. I got that done, no problem.

Now I want to make the logo look more like a button, with a drop-shadow effect on hover. I did this with a home icon (on a master page) but the skin editor doesn't seem to want to let me do that for the logo in the skin header.

Am I missing something? Or have I veered in to custom header territory?

Thanks,
Trish

[NorthEast]

You can set up a logo hover style in your stylesheet.
The logo in the Top Nav skin is set as a background-image on a.logo, so you could change that image (or do something else) by using a.logo:hover { ... }

[trishe57]

Thanks Dave. I'll give that a go.