How Do I Link A Header Image To A Different Site?

[chaseblast]

Hello, I was wondering how I might be able to link my header image to a different site. I want to make it link to the home page of our game but I am unable to see where I even do it. If you could tell me where to go and how to do it, that would help me so much. Thank you for your time!
Forum Site: monkeyquestrewritten.boards.net/

[Brian]

Hi, chaseblast.

In Themes > Layout Templates > Forum Wrapper your forum's title is generated by the following line:

$[forum.title]

This will normally produce one of two things:
- A link to the homepage with the forum's title in plain text
- The same thing as above, but the text is replaced with an image you upload in the logo section of in the Images tab of your theme's settings in Themes > Theme Manager

You currently have your header image uploaded as the banner background rather than having it uploaded as the logo image. This has no bearing on the customization I'm going to provide below, but at the moment your actual logo is technically clickable. It's just difficult to locate the section you're supposed to click since it's transparent.

Anyways, navigate to Themes > Layout Templates > Forum Wrapper and replace the $[forum.title] line with this, substituting the text in green with the link you want the header image to link to:

<a id="logo-link" href="YOUR SITE URL HERE"></a>

Then add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet:

#banner-container { position: relative; }
#logo-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

This should make the entire header area clickable and make it navigate to the site of your choice.