Title: Header Height
Last modified: April 16, 2019

---

# Header Height

 *  [Frodde](https://wordpress.org/support/users/frodde/)
 * (@frodde)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/header-height-35/)
 * Hello!
 * I would like to reduce the Astra Header Hight (mainly the white space betweeen
   the logo in the top row, and the menu in the second row.
 * Anyone got some CSS for that?
 * Would be highly appreciated.

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

 *  [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * (@brainstormteam)
 * [7 years ago](https://wordpress.org/support/topic/header-height-35/#post-11438019)
 * Hi [@frodde](https://wordpress.org/support/users/frodde/) ,
 * Here is the CSS that would help you to reduce the default padding.
 *     ```
       .main-header-bar {
       padding:0;
       }
       ```
   
 * Further, if you wish to have advanced options, then you can opt for our Astra
   Pro, in which you can do such things without coding. You can check out its feature
   from [here](https://wpastra.com/features/).
 * Regards,
    Deepak
 *  Thread Starter [Frodde](https://wordpress.org/support/users/frodde/)
 * (@frodde)
 * [7 years ago](https://wordpress.org/support/topic/header-height-35/#post-11438966)
 * HI, thanks!
    It actually didn’t work so well with your css, maybe it’s because
   the Header Height is huge when chosing the Astra-setting with logo on top-row
   and menu in second row.
 * Instead I tried this, it works, to reduce the space between the logo and the 
   menu:
 * .site-logo-img img {
    margin-bottom: -42px; }
 * I would now need to set margin-bottom different for mobile view. Would you have
   a tips for that?
 * Best regards
 *  [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * (@brainstormteam)
 * [7 years ago](https://wordpress.org/support/topic/header-height-35/#post-11442414)
 * Hi [@frodde](https://wordpress.org/support/users/frodde/) ,
 * You can you simply add the media query and set your defined margin for mobile
   as well.
 * Like this:-
 *     ```
       @media only screen and (max-width: 600px) {
        .site-logo-img img {
       margin-bottom: -42px;
       }
       }
       ```
   
 * You can manage the width and margin according to your mobile screen.
 * I am sure this will help.
 * Regards,
    Deepak
    -  This reply was modified 7 years ago by [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/).
 *  Thread Starter [Frodde](https://wordpress.org/support/users/frodde/)
 * (@frodde)
 * [7 years ago](https://wordpress.org/support/topic/header-height-35/#post-11442473)
 * Super! Thank you Deepak!
 *  [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * (@brainstormteam)
 * [7 years ago](https://wordpress.org/support/topic/header-height-35/#post-11442998)
 * Hi [@frodde](https://wordpress.org/support/users/frodde/) ,
 * You are welcome! Glad that I was able help. 🙂
 * Regards,
    Deepak

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

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

 * ![](https://i0.wp.com/themes.svn.wordpress.org/astra/4.13.2/screenshot.jpg)
 * Astra
 * [Support Threads](https://wordpress.org/support/theme/astra/)
 * [Active Topics](https://wordpress.org/support/theme/astra/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/astra/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/astra/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * Last activity: [7 years ago](https://wordpress.org/support/topic/header-height-35/#post-11442998)
 * Status: not resolved