# Reduce Size of Header

**URL:** <https://colorlibsupport.com/t/reduce-size-of-header/22367>\
**Category:** Pixova Lite\
**Created:** [September 20, 2018, 5:35pm UTC](https://colorlibsupport.com/t/reduce-size-of-header/22367 "2018-09-20T17:35:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![abx4168](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/a/e9a140/32.png) [@abx4168](https://colorlibsupport.com/u/abx4168)\
**Post date:** [September 20, 2018, 5:35pm UTC](https://colorlibsupport.com/t/reduce-size-of-header/22367/1 "2018-09-20T17:35:09Z")

</div>

Hi -

How can I edit the header so that it is smaller (about 50% of default size)?

Currently, it is taking up more screen than I would like it to take.

Please see the attached file for a better illustration.

I am assuming the change would have me add / change some code in the header.php file. Not sure exactly what though.

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [September 20, 2018, 6:26pm UTC](https://colorlibsupport.com/t/reduce-size-of-header/22367/2 "2018-09-20T18:26:12Z")

</div>

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![abx4168](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/a/e9a140/32.png) [@abx4168](https://colorlibsupport.com/u/abx4168)\
**Post date:** [September 20, 2018, 7:08pm UTC](https://colorlibsupport.com/t/reduce-size-of-header/22367/3 "2018-09-20T19:08:59Z")

</div>

[buzzspun.com](http://buzzspun.com)

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [September 21, 2018, 6:19am UTC](https://colorlibsupport.com/t/reduce-size-of-header/22367/4 "2018-09-21T06:19:37Z")

</div>

hey there

Hope you are having a good day and thank you for your question 🙂  
Please add this CSS&nbsp;in appearance - customize - additional CSS

.header {  
padding-top: 0px;  
padding-bottom: 0px;  
}

Thanks!  
Colorlib Support Team

---

<div class="post-metadata">

**Author:** ![abx4168](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/a/e9a140/32.png) [@abx4168](https://colorlibsupport.com/u/abx4168)\
**Post date:** [September 21, 2018, 1:46pm UTC](https://colorlibsupport.com/t/reduce-size-of-header/22367/5 "2018-09-21T13:46:07Z")

</div>

Hey!

This did not have any noticeable affect/change.

Is there code to make the logo smaller so the header bar will resize to a smaller height?

My logo is 150 x 150 px currently.

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [September 21, 2018, 2:53pm UTC](https://colorlibsupport.com/t/reduce-size-of-header/22367/6 "2018-09-21T14:53:36Z")

</div>

hi

Regarding code, please clear cache and check again  
Regarding logo - You don’t need any code for this, you just need to resize your logo 🙂