Title: Reduce Header Height
Last modified: August 21, 2016

---

# Reduce Header Height

 *  [cjszkr](https://wordpress.org/support/users/cjszkr/)
 * (@cjszkr)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/reduce-header-height-1/)
 * Can I reduce the header height? If so, I would like to reduce it to about 1/2
   of its size or even 1/3. What’s the code I would put in Custom CSS? This is mainly
   because the header is taking up too much real estate in the mobile version.
 * thx!

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

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/reduce-header-height-1/#post-4738377)
 * Did you look in the [Snippets](http://www.themesandco.com/code-snippets/)?
 * This [one ](http://www.themesandco.com/snippet/adjust-navbar-box-settings/)gives
   you a direction. You’d need to add a max-height property
 *  Thread Starter [cjszkr](https://wordpress.org/support/users/cjszkr/)
 * (@cjszkr)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/reduce-header-height-1/#post-4738585)
 * Thank you – I was able to adjust the height. But I added the same number -10px
   to the -10% to follow instructions on maintaining responsiveness, and the header
   and nav bar separate on mobile display. The ipad display is fine. This is the
   code I’ve added to Custom CSS:
 * .tc-header, .navbar-inner {
    position: relative; top: -10px; left: 0px; top: -
   10%; left: 0p%; min-height: 45px; max-height: 80px; background-color: #B2CB7A;
   border-bottom: 5px solid #F4F5ED; border-top: 5px solid #F4F5ED; }

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

The topic ‘Reduce Header Height’ is closed to new replies.

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

## Tags

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

 * 2 replies
 * 2 participants
 * Last reply from: [cjszkr](https://wordpress.org/support/users/cjszkr/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/reduce-header-height-1/#post-4738585)
 * Status: not resolved