# Header height

**URL:** <https://colorlibsupport.com/t/header-height/13230>\
**Category:** Shapely\
**Created:** [November 15, 2016, 1:38pm UTC](https://colorlibsupport.com/t/header-height/13230 "2016-11-15T13:38:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ricklisle](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ricklisle/32/2642_2.png) [@ricklisle](https://colorlibsupport.com/u/ricklisle)\
**Post date:** [November 15, 2016, 1:38pm UTC](https://colorlibsupport.com/t/header-height/13230/1 "2016-11-15T13:38:06Z")

</div>

Hi guys,  
I’m sorry if you have answered this already but I couldn’t see it.  
I’d like to adjust the height of the header section to have it about the same size as the one on your site.

Thanks for the help  
Rick

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 16, 2016, 2:18pm UTC](https://colorlibsupport.com/t/header-height/13230/2 "2016-11-16T14:18:01Z")

</div>

Hi Rick,

I hope you are well today and thank you for your question.

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

Kind Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![ricklisle](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ricklisle/32/2642_2.png) [@ricklisle](https://colorlibsupport.com/u/ricklisle)\
**Post date:** [November 17, 2016, 10:54am UTC](https://colorlibsupport.com/t/header-height/13230/3 "2016-11-17T10:54:26Z")

</div>

Hi Movin,

Thanks for getting back to me.  
I have added the following line to the Custom CSS which has made it bigger, but I’m not sure if this is the best solution:

```auto
.nav-bar a {
	height: 80px;
}

```

My url is: [http://www.sgefff.me/](http://www.sgefff.me/)

Thanks for the help. All the best  
Rick

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [November 18, 2016, 11:54am UTC](https://colorlibsupport.com/t/header-height/13230/4 "2016-11-18T11:54:13Z")

</div>

Do not use the shared CSS code on your site as it will mess the mobile navigation menu.

I can see the header is displaying fine on your site as shown in the attached screenshot which is same like our demo site header here [https://colorlib.com/shapely/](https://colorlib.com/shapely/)

Please advise.