Why does my banner make my entire header area clickable?

I am not experiencing this problem. The only things that are clickable are what is supposed to be clickable.

I am unable to help as I cannot find the issue, unless youve done some modifications since you have posted.

Thanks,
Matt

It’s because you were using the css display:block which somehow assigns a block for the image. If you removed the display:block you will find that it will stop doing that.

You’re using display:block for your image which is causing the issue but you can fix that by removing the call.

This does cause the header image to move up slightly from the menu so you may want to add float:left into there but be aware that the CSS call is very generic so it could make unexpected changes to other parts of the site.

a > img {
    float: left;
}

To target the CSS purely for that one image, try adding this

.c12 a > img {
    display: inline;
    float: left;
}

So, I tried those both, all kinds of different ways, but my header area is still all clickable when I place the banner link up there. hmm

any ideas?

Are you using a Child theme? Where are you adding the above?

Have you tried:

.c12 a > img {
    display: inline !important;
    float: left;
}

??

I can make the area to the right of the ad not clickable using exactly what @juslooken noted, but it may require an override of css loaded in by js, which when done properly using !important will do.