Problem with hotlink in header

You put the graphic as a background image and that is never clickable! Put it in the header div and alter your css accordingly.

Actually, I did exactly what it said to do here:

https://www.tamba2.org.uk/wordpress/graphicalcss/header/index.html

I did put the image in the header. I also adjusted the css just like the tutorial above said to do. That’s why I’m here to find out if there was anything else I should do that’s not mentioned in the tutorial.

I agree, but that tutorial does NOT say the image will be clickable ??
In your header div only this part of the code is a link:
<h1><a href="https://cantkeepquiet.com">Can't Keep Quiet</a></h1>
but actually it is “invisible” on your site because of your CSS.

Okay. So how do I make the whole image clickable? I guess I’m not understanding what you mean when you say the header div. Are you talking about the wp-layout.css file or the index.php file?

The code I posted is from your index.php file.
There might be other ways to achieve what you want, but I can think of only one now: in the above code instead of the text (=Can’t Keep Quiet) put your title-image, and make the necessary changes in your CSS file.

If you want to make the entire ‘<div>’ clickable then you can also use this javascript code and these css styles to make it look like a large link:

‘<div onclick=”location.href=’https://yourlink.com&#8217;;” style=”cursor: pointer;”><h1></h1></div>’

Which works nicely assuming your visitor allows JavaScript to run! ??

Well, thanks for the help. I’ve tried a couple of things suggested and it either didn’t make a difference or made it worse. I’ve also found out that the whole image is clickable in IE but only the top part is in Firefox. Right now I’m thinking it’s a problem with browser differences more than anything else.