Title: Reducing Header empty Space
Last modified: August 21, 2016

---

# Reducing Header empty Space

 *  Resolved [chemistryman](https://wordpress.org/support/users/chemistryman/)
 * (@chemistryman)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/reducing-header-empty-space/)
 * Hi friends
 * I wanna reduce the top header space before & after the site logo, can any body
   help please?
 * I am scared also that if I change it, it will affec other things in the main 
   page or in other pages.
 * this is the website & header: [http://www.water-encyclopedia.com](http://www.water-encyclopedia.com)
 * Thanks …

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

 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/reducing-header-empty-space/#post-4152706)
 * Hey. Firstly you can make your changes via the theme’s inbuilt custom CSS editor.
   In your dashboard area go to Appearance->Theme Options, then scroll down to the
   custom CSS panel. Making changes here means that you can revert back to the theme’s
   original code at any time, so there’s no need to be scared about making changes.
   🙂
 * In the custom CSS editor, try the following code to reduce the top header space:
 *     ```
       #site-logo, #hgroup, #header-right {
       padding-top: 20px;
       padding-top: 2rem;
       }
       ```
   
 * And for the bottom header space:
 *     ```
       #hgroup-wrap{
       padding-bottom: 10px;
       padding-bottom: 1rem;
       }
       ```
   
 * Change the values for `padding-top` and `padding-bottom` as you wish. Note: the
   top value, given in `px`, should be 10 times the value of the bottom value, given
   in `rem`. This is in order to provide support for older browsers.
 * Hope that helps, let me know if anything needs clarifying
 *  Thread Starter [chemistryman](https://wordpress.org/support/users/chemistryman/)
 * (@chemistryman)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/reducing-header-empty-space/#post-4152731)
 * Hey,first thanks for your kind help …. I will try now to apply it, and feed you
   back. 🙂
 * It works …. thanks a lot, really appreciated.
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/reducing-header-empty-space/#post-4152733)
 * Glad it worked! 🙂

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

The topic ‘Reducing Header empty Space’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/catch-everest/3.7.2/screenshot.
   png)
 * Catch Everest
 * [Support Threads](https://wordpress.org/support/theme/catch-everest/)
 * [Active Topics](https://wordpress.org/support/theme/catch-everest/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/catch-everest/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/catch-everest/reviews/)

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/reducing-header-empty-space/#post-4152733)
 * Status: resolved