Title: Reduce Header height
Last modified: August 22, 2016

---

# Reduce Header height

 *  Resolved [oshrak](https://wordpress.org/support/users/oshrak/)
 * (@oshrak)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/)
 * Hi,
 * How can I reduce header height?
 * TNX

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

 *  Theme Author [Silkalns](https://wordpress.org/support/users/silkalns/)
 * (@silkalns)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/#post-5520018)
 * Please post your website URl and I will provide you with custom CSS to reduce
   header height.
 *  Thread Starter [oshrak](https://wordpress.org/support/users/oshrak/)
 * (@oshrak)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/#post-5520024)
 * [http://www.oshrak.co.il/](http://www.oshrak.co.il/)
 *  Theme Author [Silkalns](https://wordpress.org/support/users/silkalns/)
 * (@silkalns)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/#post-5520118)
 * Add this code to Theme Options – Other – Custom CSS. This should do the trick.
 *     ```
       @media only screen and (min-width: 767px) {
           .header-image {
               margin-top: -128px;
           }
           .hgroup-right {
               margin-top: 50px;
               position: relative;
               z-index: 1000;
           }
       }
       ```
   
 *  Thread Starter [oshrak](https://wordpress.org/support/users/oshrak/)
 * (@oshrak)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/#post-5520138)
 * Hi,
    I tried, it just reduced the height in the frame, not the header itself.
 * I need to reduce the height of the header . The logo looks too small
 * Thank you
 *  Theme Author [Silkalns](https://wordpress.org/support/users/silkalns/)
 * (@silkalns)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/#post-5520175)
 * Obviously this code doesn’t work because you have switched from using Custom 
   Header image to regular logo. Decide which one you want to use and stick with
   that, so I can help you with custom CSS>
 *  Thread Starter [oshrak](https://wordpress.org/support/users/oshrak/)
 * (@oshrak)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/#post-5520265)
 * Thanks for the response.
    I uploaded a logo which is spread width of the page
 * What I need is to reduce the area above and below the logo.
 * Thank you
 * [http://www.oshrak.co.il/](http://www.oshrak.co.il/)
 *  Theme Author [Silkalns](https://wordpress.org/support/users/silkalns/)
 * (@silkalns)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/#post-5520267)
 * Add this code to Theme Options – Other – Custom CSS:
 *     ```
       @media only screen and (min-width: 1078px) {
           #site-logo {
               margin-top: 10px;
               float: right;
               max-width: 90%;
           }
       }
       .hgroup-wrap {
           padding-bottom: 10px;
           padding-top: 0;
       }
   
       @media only screen and (max-width: 767px) {
           #site-title a img {
               max-width: 360px;
           }
       }    
   
       @media only screen and (min-width: 1078px) {
           .hgroup-right {
               margin-top: 60px;
           }
       }
       ```
   
 * This will make sure to remove margin above and below logo and will also tweak
   it to work better on mobile.

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

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

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

## Tags

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

 * 7 replies
 * 2 participants
 * Last reply from: [Silkalns](https://wordpress.org/support/users/silkalns/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/reduce-header-height-2/#post-5520267)
 * Status: resolved