Title: header resizing
Last modified: December 19, 2018

---

# header resizing

 *  Resolved [sailpilot](https://wordpress.org/support/users/sailpilot/)
 * (@sailpilot)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/)
 * how can the height of the header image be increased?

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

 *  [AddWeb Solution](https://wordpress.org/support/users/addweb-solution-pvt-ltd/)
 * (@addweb-solution-pvt-ltd)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11011130)
 * Hello sailpilot,
 * Add below css code into your current active child theme’s style.css file or you
   can add additional css option in theme customizer
 *     ```
       .header-cover.section.bg-dark-light.no-padding {
           height: 300px;
       }
       .header.section {
           height: 300px;
       }
       ```
   
 * Hope this will helps you.
 * Thanks.
 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11011574)
 * Hi [@sailpilot](https://wordpress.org/support/users/sailpilot/),
 * Go to Appearance → Customize → Additional CSS (the menu labels might be different
   in your language) and enter the following code:
 *     ```
       @media ( min-height: 700px ) {
   
           .header {
               padding: 150px 0;
           }
       }
       ```
   
 * Increase/decrease the value to increase/decrease the height of the header. Let
   me know if that does it.
 * — Anders
 *  Thread Starter [sailpilot](https://wordpress.org/support/users/sailpilot/)
 * (@sailpilot)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11012067)
 * Thanks for both your suggestions
 * [@addweb-solution-pvt-ltd](https://wordpress.org/support/users/addweb-solution-pvt-ltd/)
   the changes don’t work correctly on the iphone (image wrong size)
 * [@anlino](https://wordpress.org/support/users/anlino/) while the padding increases
   the image size on a pc id does not seem to affect the image on a mobile device(
   iphone)
 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11012104)
 * Hi [@sailpilot](https://wordpress.org/support/users/sailpilot/),
 * Add the following CSS (in addition to the CSS I posted earlier) to adjust the
   size on mobile:
 *     ```
       @media ( max-height: 700px ) {
   
           .header {
               padding: 100px 0;
           }
       }
       ```
   
 * — Anders
 *  Thread Starter [sailpilot](https://wordpress.org/support/users/sailpilot/)
 * (@sailpilot)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11012190)
 * Thanks [@anlino](https://wordpress.org/support/users/anlino/) but that change
   didn’t have any impact on the iphone (6s)
 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11012259)
 * [@sailpilot](https://wordpress.org/support/users/sailpilot/) Oops, sorry, change
   both of the ones I posted from `min-height` and `max-height` to `min-width` and`
   max-width`.
 *  Thread Starter [sailpilot](https://wordpress.org/support/users/sailpilot/)
 * (@sailpilot)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11012398)
 * [@anlino](https://wordpress.org/support/users/anlino/) sorry to say that these
   changes also didn’t make a difference on the iphone
 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11012423)
 * [@sailpilot](https://wordpress.org/support/users/sailpilot/) Replace them with
   the following:
 *     ```
       @media ( min-width: 700px ) {
   
           .header {
               padding: 150px 0 !important;
           }
       }
   
       @media ( max-width: 700px ) {
   
           .header {
               padding: 100px 0 !important;
           }
       }
       ```
   
    -  This reply was modified 7 years, 6 months ago by [Anders Norén](https://wordpress.org/support/users/anlino/).
 *  Thread Starter [sailpilot](https://wordpress.org/support/users/sailpilot/)
 * (@sailpilot)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11012494)
 * [@anlino](https://wordpress.org/support/users/anlino/) that worked.
 * Thank you, really appreciate it.

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

The topic ‘header resizing’ is closed to new replies.

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

## Tags

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

 * 9 replies
 * 3 participants
 * Last reply from: [sailpilot](https://wordpress.org/support/users/sailpilot/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/header-resizing-2/#post-11012494)
 * Status: resolved