Replacing Site Title with Image in Expound

• 

  2w2n · Member · Jul 7, 2016 at 5:32 pm

  • Copy link
  • Add topic to favorites

  Hi again,

  This question was addressed here:

  https://wordpress.org/support/topic/change-header-text-to-header-image

  I used the code that Konstantin gave:

  .site-title a {
  background: url(‘http://url-to-your-logo.png’) 0 0 no-repeat;
  width: 300px;
  height: 120px;
  text-indent: -9999px;
  }

  But it’s giving me a double image. Anyone know how to correct this?

  Thanks,

  Kelly

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

• 

  hallluke · Member · Jul 7, 2016 at 5:41 pm

  • Copy link

  There are two links in the site title section so it’s replacing the image for both, try hiding the redundant one with the following code:

  .site-title .wrapper-link {
  	display: none;
  }

• 

  2w2n · Member · Jul 7, 2016 at 8:08 pm

  • Copy link

  That worked, thanks! Do you know why the title isn’t fitting in the mobile view? I guess I would need to move it all the way to the edge of the header if I want that to happen, or make the image even smaller?

• 

  hallluke · Member · Jul 7, 2016 at 8:18 pm

  • Copy link

  Try replacing your current image replacing rule with this:

  .site-title a {
  	background:url('https://wearethemutantsdotcom.files.wordpress.com/2016/07/watm-logo.png') 0 0 no-repeat;
  	max-width:300px;
  	height:50px;
  	text-indent:-9999px;
  	background-size: contain;
  }

• 

  2w2n · Member · Jul 8, 2016 at 11:43 pm

  • Copy link

  That’s great. I’ll play with this to get the title bigger. Thank you!