Clickable header in Toolbox theme

• 

  happyhannah1 · Member · Aug 31, 2011 at 12:25 pm

  • Copy link
  • Add topic to favorites

  Hi, I am pretty new to WordPress and I was hoping someone could help me work out whether there is a way to make my header image a clickable link back to my home page?

  Blog is http://themissingcup.com

  Any help would be really great

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  michiecat · Staff · Sep 6, 2011 at 9:44 am

  • Copy link

  Hi happyhanna1,

  Your header image should now be clickable. This is the CSS that makes your header image clickable:

  #site-title {
  position:relative;
  font-size:40px;
  font-weight:bold;
  text-indent:-9999px;
  }
  
  #site-title a {
  color:#fff;
  display:block;
  height:231px;
  }

  We added a “text-indent: 9999px” rule to #site-title to hide the text, and then “display: block” and “height: 231px” to #site-title a to make the link fill the entire header image area so that it’s clickable.

  Please verify that it is working for you.

  We also noticed that your menu items were not clickable. To fix this, I removed the “position: absolute” rule from #access. If you did not want this change, please let me know.

• 

  happyhannah1 · Member · Sep 6, 2011 at 10:10 am

  • Copy link

  That’s great thank you. I don’t suppose you would happen to know why my header image doesn’t show in Firefox 3.6.x (I was specifically using 3.6.22). I did some usability testing on a couple of friends who happened to be using this version of firefox and neither of them could see the header image. I obviously told them they should upgrade, which they did, but I was wondering if there was something obviuosly wrong with the code?

• 

  thesacredpath · Member · Sep 6, 2011 at 10:33 am

  • Copy link

  @designsimply solved this issue for you and posted it in your other thread: https://en.forums.wordpress.com/topic/header-image-not-working-in-previous-version-of-firefox?replies=12#post-690028 .