Title: white space below header image
Last modified: August 31, 2016

---

# white space below header image

 *  [anorthup](https://wordpress.org/support/users/anorthup/)
 * (@anorthup)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/white-space-below-header-image/)
 * I have a large block of white space between my custom header image and the rest
   of the front page content. I reviewed the queries about problems with white space
   below header image posted previously (June 2014, April 2015) and the responses.
   
   One was to copy the header.php in to a child theme and adjust the values. Changing
   the ‘flex-width => true, to ‘flex-width’ => falseand ‘flex-height’ => true to‘
   flex-height’ => false was also suggested. This did not work for me. Another response
   explained that the “header CSS is controlled via a custom function targeting 
   the parallax-bg ID and can be found in functions.php starting [@line](https://wordpress.org/support/users/line/)
   345. As the code is hooked to the wp_head action means it fires after all other
   CSS have been loaded and therefore the custom CSS you are adding has no effect
   since it is loaded before the function. In order to override it you’ll need to
   use a child theme, add the function to your functions.php, edit as required and
   then set it fire on a higher priority of say 10 or 11. So in your code the add
   action line would be something like add_action(‘wp_head’, ‘itek_internal_css’,
   11); “ I tried this approach also, and did not achieve the desired goal of reducing
   white space, though I may not have coded it correctly. Finally, a friend suggested
   that the excess white space might be the result of a top-margin attribute that
   was too big. I have tested reducing the top-margin attributes that seemed most
   likely with no apparent reduction of white space. I would appreciate any insight
   you can provide. Thanks!

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

 *  [demented_circus_monkey](https://wordpress.org/support/users/demented_circus_monkey/)
 * (@demented_circus_monkey)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/white-space-below-header-image/#post-7095687)
 * Try
 * .home.blog {margin-top: -50px; }
 * in your custom CSS
 *  [uber77](https://wordpress.org/support/users/uber77/)
 * (@uber77)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/white-space-below-header-image/#post-8957018)
 * I am having the same issue. I tried the solutions above. It seems that the space
   is related to the height of the header image. The CSS above changes nothing.
 * However, this moved up the text, but did not move up the background container.
 * .three {margin-top: -280px !important; }
 * The container needs to come up, too, or the text rolls over the header image.
   Any help? Thank you!!!
    -  This reply was modified 9 years, 3 months ago by [uber77](https://wordpress.org/support/users/uber77/).
    -  This reply was modified 9 years, 3 months ago by [uber77](https://wordpress.org/support/users/uber77/).

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

The topic ‘white space below header image’ is closed to new replies.

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

 * 2 replies
 * 3 participants
 * Last reply from: [uber77](https://wordpress.org/support/users/uber77/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/white-space-below-header-image/#post-8957018)
 * Status: not resolved