# Header box height

**URL:** <https://colorlibsupport.com/t/header-box-height/6457>\
**Category:** Travelify\
**Created:** [October 27, 2014, 6:02pm UTC](https://colorlibsupport.com/t/header-box-height/6457 "2014-10-27T18:02:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![fb3](https://colorlibsupport.com/user_avatar/colorlibsupport.com/fb3/32/1083_2.png) [@fb3](https://colorlibsupport.com/u/fb3)\
**Post date:** [October 27, 2014, 6:02pm UTC](https://colorlibsupport.com/t/header-box-height/6457/1 "2014-10-27T18:02:09Z")

</div>

Dear Aigars,

Back again! My website is at [http://www.descondicionamento.com/](http://www.descondicionamento.com/)

How can I reduce the white box (rectangle) height, where the header and the midia icons are inside?

Thank´s in advance  
Fernando

---

<div class="post-metadata">

**Author:** ![aigars-silkalns](https://colorlibsupport.com/user_avatar/colorlibsupport.com/aigars-silkalns/32/13469_2.png) [@aigars-silkalns](https://colorlibsupport.com/u/aigars-silkalns)\
**Post date:** [October 27, 2014, 6:42pm UTC](https://colorlibsupport.com/t/header-box-height/6457/2 "2014-10-27T18:42:02Z")

</div>

Add this code to Theme Options - Other - Custom CSS and tweak pixel value to get the results you were looking for.

```auto
.hgroup-wrap {
  padding-top: 20px;
  padding-bottom: 40px;
}

```

From what I can see you have already added some custom coding in header to make it larger. It is either in Jetpack CSS field, Theme Options or elsewhere.