DC,

I found an interesting fix for the header image being clickable here:

http://www.youtube.com/watch?v=ER9TGXzeYU8

You go back to line 681 in your style.css and change the width from 35% to 266px; which is the width of your image. That makes it clickable again. There are many ways of making the header clickable. Maybe others have another suggestion.

For the centering of the image of smaller screens, you will need to modify the media queries at the bottom of your style.css file.

Hello,

Around line 681 in your style.css file, you will find the following section:

.header-image #title, .header-image #title a, .header-image #title-area {
    display: block;
    float: left;
    min-height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    width: 40%;
}

Make it look like this:

.header-image #title, .header-image #title a, .header-image #title-area {
    display: block;
    float: left;
    min-height: 53px;
    overflow: hidden;
    text-indent: -9999px;
    width: 35%;
}

Basically I changed the min-height to the correct size of your image, and changed the width to 35%, because your header-right widget section is set to 65%. Both widths together, should not be more than 100%.

You can change the width of that section, by going to line 697 in your style.css and modify the following section:

#header .widget-area {
    overflow: hidden;
    width: 65%;
}

You probably don’t want to do that though, if you don’t want to change your menu.