How to make logo clickable in Metro theme

[castledesign]

Hello!

I have been using Metro theme which is great but I had to customize the top logo/header area to make the logo bigger.. Now it is no longer 'clickable' to the home page.  Can anyone help me fix this issue?

The site is http://baby-mac.com/

 

Thank you so much!

http://baby-mac.com/

[Brad Dalton]

Add the link when you insert it into a new post and grab the HTML for the image which includes the link.

How did you add the image? Did you upload it using the header uploader or add the CSS in your style.css file?

---

Tutorials for StudioPress Themes.

[castledesign]

I uploaded it in the header file and changed the functions file etc to suit the larger logo.. hope that makes sense.

Thank you!

[Brad Dalton]

There's no header file but there is a images file in your child theme.

So you uploaded it manually using FTP to your child themes images folder rather than use the custom header uploader under Appearance?

And you also changed the height in your child themes functions.php file?

Did you change any of the header dimensions in the style.css file?

---

Tutorials for StudioPress Themes.

[castledesign]

mmmm... so maybe i did upload it via FTP?

argh.. i was trying to sort it myself with help from this person and that person (via forums) I cant really remember now...

With this vague response, can you suggest what i should do?

[Brad Dalton]

What exact size is the header?

---

Tutorials for StudioPress Themes.

[castledesign]

1080 x 150

 

🙂

[Brad Dalton]

I tested this on your Metro theme with your header and it works perfectly.

Yes. You have 2 style sheets. Ones for the custom CSS but it does not contain a custom link to your home page in the CSS for the header image unlike what would be the case if you change the dimensions in the main style.css file and uploaded your header image using the built in custom header uploader.

// Line 519
#header {
	min-height: 150px;
	overflow: hidden;
}
// Line 558
.header-image #title,
.header-image #title a,
.header-image #title-area {
	display: block;
	float: left;
	min-height: 150px;
	overflow: hidden;
	text-indent: -9999px;
}

Make sure your functions.php file uses these values:

// Line 34
add_theme_support( 'genesis-custom-header', array(
	'flex-height'	=> true,
	'height'		=> 150,
	'width'			=> 1080
) );

Your header image

http://baby-mac.com/wp-content/uploads/2013/04/header11.png

---

Tutorials for StudioPress Themes.

[castledesign]

Thank you SO MUCH Brad for your help.. I'll give this a shot and let you know how I go.

I really appreciate it 🙂

[Brad Dalton]

It worked for me but i didn't have any overriding CSS in the custom-style.css file.

---

Tutorials for StudioPress Themes.

[castledesign]

Hey Brad!

I have finally had a chance to sit down and try this.. I removed the coding from the custom CSS and made the changes and it all looks lok but still dosent seem to be linking?   Did I miss something?

 

Thank you

[Brad Dalton]

I tested the solution and it worked for me.

---

Tutorials for StudioPress Themes.

[castledesign]

Where do you suggest I  put this code you mention above for the header image?

<a href="http://baby-mac.com/wp-content/uploads/2013/04/header11.png" rel="nofollow">http://baby-mac.com/wp-content/uploads/2013/04/header11.png</a>

[Author]

Posts