Sticky Header Logo Swap

[jgilanfarr]

I would like to show just my icon in the sticky header and not the full logo from the regular header. Any advice on how to do this? I tried to crop the text off the logo but it just resized the logo weird. I know there should be some code I can insert ‘if sticky header use this logo’. I am comfortable enough with code to edit the raw files.

Thanks in advance!

[Kyle – SUPPORT]

Hi

Upload your icon logo as your main logo in the theme options, then to show your full logo before resize, use this css:

#logo img {
display: none!important;
}
#logo {
background: transparent url('http://dante.swiftideas.net/wp-content/uploads/2013/10/[email protected]') no-repeat center left;
background-size: 92px 21px;
width: 92px;
}
#logo a {
height: 40px;
color: #fff;
}

You will need to change the image url to your full logo, and edit the background size, width and height.

Let me know if this works.

– Kyle