Different Image on 'Sticky' Header from Static Header

[m_hutchins]

Hello,

 

I'm trying to have a separate image with a link on the sticky header different from the linked image from the static header.

 

I currently have the same image on both, but would like to use different images.

 

You can view here:

http://www.sjmradio.oiw9.com/contact-us.htm

 

The code is that I'm using is pretty straight forward for the image -

CSS:

#logo { padding: 45px 0 30px 0; } #logo a { display: inline-block; max-width: 100%; /* 1 */ } #logo img { display: block; }

 

HTML:

<div id="logo"> <a href="/index.htm"><img src="/images/sjm-logo.png"></a> </div>

 

Any and all thoughts would be greatly appreciated!

 

Thanks in advance,

mh

 

[dsonesuk]

IF device dependant responsiveness, usually you would have both images located together with different classes, you then use media queries to show different image for mobile or other devices.