Title: Resize header image
Last modified: August 20, 2016

---

# Resize header image

 *  [donking13](https://wordpress.org/support/users/donking13/)
 * (@donking13)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/resize-header-image/)
 * [http://www.dbclassmate.com](http://www.dbclassmate.com)
 * I want the header’s height to be reduced. I tried using the firebug to and tried
   changing the branding img height 185 but nothing happened.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [peredur](https://wordpress.org/support/users/peredur/)
 * (@peredur)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/resize-header-image/#post-2333291)
 * As you discovered, you need to change the #branding div. However, just altering
   the height either of #branding itself or of the `height` attribute in the HTML
   will not be enough because the image is 288px high and this is determining the
   actual height displayed.
 * So, one obvious solution is to reduce the height of the image either by cropping
   or scaling in the GIMP or something, replacing the current image with the shorter
   one and changing the `<img>` height to suit. Of course you can only do this if
   your theme allows it.
 * If you can’t reduce the height of the image, the alternative is to reduce the
   height of the #branding div and set the `overflow` property to `hidden` like 
   so:
 *     ```
       #branding {
         height: 200px; /* or whatever suits your design */
         overflow: hidden;
       }
       ```
   
 * This just means your image will have the bottom ‘chopped off’ (i.e. invisible).
   This may, or may not be acceptable to you.
 * Unless it’s your own theme or your theme specifically disallows it, I make here
   the usual exhortations to do all your changes in a child theme.
 * Remember to take backups before you make any changes.
 * HTH
 * PAE
 *  Thread Starter [donking13](https://wordpress.org/support/users/donking13/)
 * (@donking13)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/resize-header-image/#post-2333341)
 * First of all thanks for the help. It worked but the thing is, the menus are gone
   now. Is There a way that I could edit only the image header without cutting off
   the menus. I don’t know if twenty eleven theme allows it. If ever it don’t, how
   can I let me?
 * So now I know that the branding div includes the whole header along with the 
   menu.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/resize-header-image/#post-2333342)
 * See [Resize the Header in a Twenty Eleven Child Theme](http://quirm.net/2011/09/18/resize-the-header-in-a-twenty-eleven-child-theme/)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Resize header image’ is closed to new replies.

 * 3 replies
 * 3 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [14 years, 7 months ago](https://wordpress.org/support/topic/resize-header-image/#post-2333342)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics