Title: Header adjustment reducing height
Last modified: July 2, 2018

---

# Header adjustment reducing height

 *  Resolved [silence2](https://wordpress.org/support/users/silence2/)
 * (@silence2)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/header-adjustment-reducing-height/)
 * Hello,
 * I would like to reduce the height of the frontpage header (down to 50%)
    Could
   you please provide help what CSS code I have to add/alter?
 * Thank you very much!
 * (Is the option of resizing the header part of the premium version?)
 * Greetings,
    Julia

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

 *  [wiel](https://wordpress.org/support/users/wiel/)
 * (@wiel)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/header-adjustment-reducing-height/#post-10455786)
 * Try:
 *     ```
       .header-filter {
       	max-height: 500px;
       }
       ```
   
 *  Thread Starter [silence2](https://wordpress.org/support/users/silence2/)
 * (@silence2)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/header-adjustment-reducing-height/#post-10455800)
 * Thank you very much, but I tried this already… the “content area” is not adjusting
   to the height of the header image and there is a gap in between… 🙁
 *  [wiel](https://wordpress.org/support/users/wiel/)
 * (@wiel)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/header-adjustment-reducing-height/#post-10455835)
 * Did you try adding !important ?
 *     ```
       .header-filter {
       	max-height: 500px !important;
       }
       ```
   
 * I had the same problem in a similar theme. I didn’t use max-height but just height
   there..
 *  [Laurentiu Stefan](https://wordpress.org/support/users/laurentiu1themeisle/)
 * (@laurentiu1themeisle)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/header-adjustment-reducing-height/#post-10529009)
 * Hey there, [@silence2](https://wordpress.org/support/users/silence2/)
 * Thanks for using our products.
 * In order to resolve your issue, add the following CSS code:
 *     ```
       .page-header {
           min-height: 440px !important;
       }
       ```
   
 * Keep in mind that you can modify the value of “440” by your choice.

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

The topic ‘Header adjustment reducing height’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hestia/3.3.3/screenshot.png)
 * Hestia
 * [Support Threads](https://wordpress.org/support/theme/hestia/)
 * [Active Topics](https://wordpress.org/support/theme/hestia/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hestia/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hestia/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)

 * 4 replies
 * 3 participants
 * Last reply from: [Laurentiu Stefan](https://wordpress.org/support/users/laurentiu1themeisle/)
 * Last activity: [7 years, 9 months ago](https://wordpress.org/support/topic/header-adjustment-reducing-height/#post-10529009)
 * Status: resolved