Title: How to decrease header size
Last modified: August 19, 2016

---

# How to decrease header size

 *  [mtbmtb](https://wordpress.org/support/users/mtbmtb/)
 * (@mtbmtb)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/how-to-decrease-header-size/)
 * Hi,
 * I just wanted some advice on how to decrease the header height on my site and
   also reduce the thickness of the grey navigation bar
 * site: [http://www.isocnews.com/wordpress/](http://www.isocnews.com/wordpress/)
 * Thanks

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

 *  [Shane G.](https://wordpress.org/support/users/shane-g-1/)
 * (@shane-g-1)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/how-to-decrease-header-size/#post-1561975)
 * Hi,
 * You need to edit the style.css file of your theme and change the header height
   settings from there.
 * Thanks,
 * Shane G.
 *  Thread Starter [mtbmtb](https://wordpress.org/support/users/mtbmtb/)
 * (@mtbmtb)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/how-to-decrease-header-size/#post-1562076)
 * Hi,
 * That’s what I thought to, but I just can’t seem to find the right settings, I
   want the black header to become smaller and grey navigation bar to become narrower,
 * Could you let me know which settings to change?
 * THANKS
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years, 10 months ago](https://wordpress.org/support/topic/how-to-decrease-header-size/#post-1562077)
 * padding-top in here has some influence on the header height:
 *     ```
       /*navigation pages*/
       .nav_wrapper{
       position: relative;
       height:36px;
       padding-top:125px;
       z-index: 6;
       }
       ```
   
 * padding in here has some influence on nav height:
 *     ```
       #catnav li a{
       display:block;
       float:left;
       padding:10px 10px 0px 10px;
       width:114px;
       border: none;
       text-decoration: none;
       line-height: 17px;
       outline: none;
       min-height:30px;
       }
       ```
   
 * you need to adjust top:57px; for any changes made in the style before:
 *     ```
       #top #catnav ul {
       display:none;
       position:absolute;
       top:57px;
       width:172px;
       left:-2px;
       }
       ```
   
 * these styles should give you enough starting points for editing your header heights.
 *  [greatap](https://wordpress.org/support/users/greatap/)
 * (@greatap)
 * [15 years ago](https://wordpress.org/support/topic/how-to-decrease-header-size/#post-1562280)
 * Hi All,
 * I am using “Zombie Apocalypse” theme for my WordPress site .I need to decrease
   the Header size, and change the back groung colour of the total page from balck
   to white, have tried from my end but no luck.
 * could any one of you suggest how to do it the style.css file is a bit confusing.
   
   here the site [http://www.greatap.com](http://www.greatap.com).
 * waiting for your reply pls.

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

The topic ‘How to decrease header size’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 4 participants
 * Last reply from: [greatap](https://wordpress.org/support/users/greatap/)
 * Last activity: [15 years ago](https://wordpress.org/support/topic/how-to-decrease-header-size/#post-1562280)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics