Title: Header Image Issues
Last modified: March 12, 2018

---

# Header Image Issues

 *  Resolved [tobyj](https://wordpress.org/support/users/tobyj/)
 * (@tobyj)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/header-image-issues-7/)
 * Hi everyone,
 * I am having trouble with customizing the way-too-big header image on my homepage(
   as it seems are many others…).
    Method 1: I can use the following code to shrink
   it to half-size, which is about what I want: /*change homepage image height */.
   twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-
   front-page.has-header-video .custom-header-media, .home.blog.has-header-image.
   custom-header-media, .home.blog.has-header-video .custom-header-media { from-
   bottom; height: 50vh;} /* last line changes to half-size */
 * However, this takes the top half of the image, which if you look at our page,
   you’ll see is not very interesting as the boy and river are on the bottom. Anyone
   know a line of code to throw in here that will tell it to crop from the top rather
   than from the bottom?
 * Method 2: I can make the homepage image work by manually editing the image to
   have the boy/river on top and white space below (so that the image is large enough
   to fit in the theme still). However, that then messes up the header on other 
   pages where WP is taking a strip from the middle of the large image – it will
   either be half white space or just the bottom of the boy. Is it possible to modify
   which part of the large image WP takes that excerpt of the image from?
 * Thanks,
    Toby
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fheader-image-issues-7%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [8 years, 3 months ago](https://wordpress.org/support/topic/header-image-issues-7/#post-10066023)
 * You can’t crop from the top. Instead you need to manually move the image upwards.
   In the “Additional CSS” section of the dashboard add this and play around with
   the percentage:
 *     ```
       @media screen and (min-width: 480px) {
           .has-header-image .custom-header-media img, 
           .has-header-video .custom-header-media video, 
           .has-header-video .custom-header-media iframe, 
           .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
               top: -50%;
           }
       }
       ```
   
 * _[https://codex.wordpress.org/CSS#Custom\_CSS\_in\_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)_
    -  This reply was modified 8 years, 3 months ago by [Andrew Nevins](https://wordpress.org/support/users/anevins/).
 *  Thread Starter [tobyj](https://wordpress.org/support/users/tobyj/)
 * (@tobyj)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/header-image-issues-7/#post-10066096)
 * Awesome, that will definitely work. Thanks very much!

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

The topic ‘Header Image Issues’ is closed to new replies.

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

## Tags

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

 * 2 replies
 * 2 participants
 * Last reply from: [tobyj](https://wordpress.org/support/users/tobyj/)
 * Last activity: [8 years, 3 months ago](https://wordpress.org/support/topic/header-image-issues-7/#post-10066096)
 * Status: resolved