Title: Decrease header height
Last modified: August 22, 2016

---

# Decrease header height

 *  [Tylerr82](https://wordpress.org/support/users/tylerr82/)
 * (@tylerr82)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/decrease-header-height/)
 * On my site [http://germanhausbarn.com/](http://germanhausbarn.com/) I am trying
   to make the header 140px. I tried changing the CSS to
 * #branding {
    height: 140px; }
 * What am I missing?

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

 *  [Maria Antonietta Perna](https://wordpress.org/support/users/antonietta456/)
 * (@antonietta456)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/decrease-header-height/#post-5351642)
 * Hi Tylerr,
 * What’s the final result you’d like to achieve? The problem with the header height
   is that the header element contains the navigation as well. Therefore, as long
   as it’s so, the height stretches to include the navigation. However, if you like
   to eliminate that space on top of the header image, so that the image’s height,
   which is 140px, fits inside its container without any extra space, here’s the
   CSS:
 *     ```
       .hgroup-wrap {
           display: none;
       }
       ```
   
 * Make sure you put this at the bottom of your child theme’s stylesheet or custom
   CSS editor so that it takes precedence over the previous rule.
 * I hope this helps, but if I didn’t understand your request correctly, feel free
   to post again.
 * – Maria Antonietta
 *  Thread Starter [Tylerr82](https://wordpress.org/support/users/tylerr82/)
 * (@tylerr82)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/decrease-header-height/#post-5351647)
 * I added that to my CSS and it didn’t do anything. You are correct on what I am
   trying to do. I just want to get rid of that white gap.
 *  [Maria Antonietta Perna](https://wordpress.org/support/users/antonietta456/)
 * (@antonietta456)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/decrease-header-height/#post-5351651)
 * I can see you added it but it’s not taking effect because the previous CSS rule
   is still overriding it. To rectify this, add !important at the end of the rule,
   like so:
 *     ```
       .hgroup-wrap {
           display: none !important;
       }
       ```
   
 * With the cascade the placement of the CSS rule is crucial and using this trick
   can fix things quickly.
 *  Thread Starter [Tylerr82](https://wordpress.org/support/users/tylerr82/)
 * (@tylerr82)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/decrease-header-height/#post-5351700)
 * That worked! Thank You.
 *  [Maria Antonietta Perna](https://wordpress.org/support/users/antonietta456/)
 * (@antonietta456)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/decrease-header-height/#post-5351755)
 * Glad to hear it, you’re welcome 🙂

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

The topic ‘Decrease header height’ is closed to new replies.

 * 5 replies
 * 2 participants
 * Last reply from: [Maria Antonietta Perna](https://wordpress.org/support/users/antonietta456/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/decrease-header-height/#post-5351755)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics