Decreasing the height of Twenty-Eleven Header

• 

  jaderaychel · Member · Sep 13, 2011 at 8:27 pm

  • Copy link
  • Add topic to favorites

  Re: Twenty Eleven Theme Header

  Is there a way to decrease the height of the header image (with the width remaining at 1000 px) when the title is removed and header remains?

  – Mike

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

• 

  windwhistle · Member · Sep 13, 2011 at 11:09 pm

  • Copy link

  I’ve reduced header heights in the past by editing the CSS, but if you don’t have the upgrade, I don’t know of a way to do it.

• 

  thesacredpath · Member · Sep 14, 2011 at 12:54 am

  • Copy link

  Decreasing header height in 2011 is a little less than optimum since 2011 is a reactive design and the header image in handled in the PHP script files meaning that you have to actually bypass that and put the image directly into the CSS and then set the height of #branding and then shift some other stuff around. The bad thing is you lose the automatic header resizing for smaller screen sizes such as smartphones and such.

• 

  camilletyan · Member · Sep 22, 2011 at 1:51 pm

  • Copy link

  so how do you do it?

• 

  designsimply · Member · Sep 22, 2011 at 6:59 pm

  • Copy link

  @thesacredpath, I bet you could do it and still keep the design responsive. What do you think? Maybe if you replaced the image itself using CSS and set the #branding a img selector height to auto? I need to make an image and test it…