Montezuma: Can't link image in header

Does this one resolved ? The logo now is linked.

On a side note, your header area now is almost 500px in height getting all the attention on every page load.

The image is not linked – the text below it is the site title and tagline and is within the anchor tags. If I put the image within the anchor tags, it disappears.

Aware of the logo height – still working with client on it.

This could be done with CSS only, so you could revert the template to its original and then put this in theme Custom CSS option.

#sitetitle a:before {
	background: url("https://placehold.it/320x100.png") no-repeat center center transparent;
	content: "";
	display: block;
	width: 300px;
	height: 100px;
	margin-bottom: 20px;
}

The logo must have a width of 320px, so this one size could be used down to iPhone portrait viewport. This area of the theme doesn’t have side paddings so 320px is the max.

I’ve reverted the header.php template back to its original condition, and put in the code you recommended with my logo url via Custom CSS Manager, but the logo doesn’t display, just the site title and tagline (as it is in header.php).

Clear browser cache (hitting Ctrl+F5 a few times).

Since your logo width and height is not the same as in the example, you have to change those value to yours. Also, add the margin-bottom of 20px to make it look good.

so with your current logo image, you will have this instead.

#sitetitle a:before {
	background: url("https://markdevriesblog.com/wp-content/uploads/2013/08/SustainableLife.jpeg") no-repeat scroll center center transparent;
	content: "";
	display: block;
	width: 320px;
	height: 350px;
	margin-bottom: 20px;
}

Thanks (sorry I didn’t catch that). I still can’t get the image to show up in Safari 6.0.5 despite emptying cache and clearing browser history. (Other changes are appearing). Works in Firefox and Chrome.