Title: decrease space between row and menu
Last modified: October 9, 2017

---

# decrease space between row and menu

 *  Resolved [eholz1](https://wordpress.org/support/users/eholz1/)
 * (@eholz1)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/decrease-space-between-row-and-menu/)
 * I am using the activation theme, a child of Primer theme.
    I have modified the
   css to allow display of my full image in header: .page-title-container { height:
   400px; }
 * That allows display of the image. But my problem now is that the amount of space
   below the navigation menu and the text is way too much. Is there anyway to reduce
   the amount of space so the rows containing the lead-in text are closer? Yes, 
   if I remove the css above, the rows move up on the page, but the image is almost
   completely hidden.
 * Any ideas on this?
    Thanks for previous help.
 * Eholz1
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdecrease-space-between-row-and-menu%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Evan Herman](https://wordpress.org/support/users/eherman24/)
 * (@eherman24)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/decrease-space-between-row-and-menu/#post-9571242)
 * Hi @eholz,
 * I would suggest adding the height to the `.site-header-wrapper` element instead
   of the `.page-title-container`.
 * I’m not sure why there is such a large gap when added to the latter item, but
   adding it to the former (`.site-header-wrapper`) appears to resolve the issue.
 * Let me know if (when you switch `.page-title-container` to `.site-header-wrapper`)
   you are seeing similar results as me.
 * **Pro Tip**: You can also set the header to 100% of the view port height, minus
   the height of the menu bar – so the menu bar is visible on initial page load.
 *     ```
       .site-header-wrapper {
          height: calc( 100vh - 81px );
       }
       ```
   
 * Evan
    -  This reply was modified 8 years, 5 months ago by [Evan Herman](https://wordpress.org/support/users/eherman24/).
    -  This reply was modified 8 years, 5 months ago by [Evan Herman](https://wordpress.org/support/users/eherman24/).
 *  Thread Starter [eholz1](https://wordpress.org/support/users/eholz1/)
 * (@eholz1)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/decrease-space-between-row-and-menu/#post-9573980)
 * Hello Evan,
 * Thank you very much for the tips on this. I really appreciate the
    information,
   I added extra height to the .site-header-wrapper and that resolved the issue.
   Thanks so much, also the pro tip is very helpful for future thought.
 * Thanks Again,
 * Eric aka ewholz

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

The topic ‘decrease space between row and menu’ is closed to new replies.

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

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [theme customization](https://wordpress.org/support/topic-tag/theme-customization/)

 * 2 replies
 * 2 participants
 * Last reply from: [eholz1](https://wordpress.org/support/users/eholz1/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/decrease-space-between-row-and-menu/#post-9573980)
 * Status: resolved