Title: Responsive header image Last modified: August 30, 2016 --- # Responsive header image * [kingmar84](https://wordpress.org/support/users/kingmar84/) * (@kingmar84) * [10 years, 7 months ago](https://wordpress.org/support/topic/responsive-header-image-12/) * Hello I have the Rookie Theme installed and all works fine. I have uploaded a header image (not a logo) with 1000px with and 150px height. But when I open my page over my mobile phone this image is not responsive and I can only see a little bit of this image. The images in the articles work fine. Can anyone help? Viewing 9 replies - 1 through 9 (of 9 total) * [ShaunC2k15](https://wordpress.org/support/users/shaunc2k15/) * (@shaunc2k15) * [10 years, 6 months ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450472) * missed this thread, i have just created a matching thread will link details here if / when i hear back on mine * [gregorywprice](https://wordpress.org/support/users/gregorywprice/) * (@gregorywprice) * [10 years, 2 months ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450489) * I am having the same problem. Uploaded image 1000 x 150px but it is not responsive on mobile device. * Any help would be great! * [Roch](https://wordpress.org/support/users/rochesterj/) * (@rochesterj) * [10 years, 1 month ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450491) * Hi guys! * Please send us an example of this issue * Kind Regards, -Roch * [winderatt](https://wordpress.org/support/users/winderatt/) * (@winderatt) * [10 years, 1 month ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450493) * Hi Roch, f.e. [http://ploen-handball.de/](http://ploen-handball.de/) * [Brian](https://wordpress.org/support/users/brianmiyaji/) * (@brianmiyaji) * [10 years ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450497) * Hey everyone! * We’ve just released Rookie version 1.3.9 with an option to display the header as an image (rather than a background). This enables a fully responsive header graphic which can be used in place of a logo and title. * Here’s how to switch to the responsive header: 1. From your WP Admin, go to **Appearance** and update Rookie to version 1.3.9 2. Go to **Appearance** → **Customize** 3. Click **Header Image** 4. From the dropdown, change **Style** to **Image** * This will switch the header from a background image to an image that will automatically resize proportionally. Please note that the logo and title will not be contained in this header, so you may wish to add it to the image. You may also want to turn off the default logo and title: 1. Go to **Appearance** → **Customize** again 2. Click **Site Identity** 3. If you have a **Logo**, click **Remove** 4. Uncheck the **Display Header Text** checkbox * Thanks for your feedback [@kingmar84](https://wordpress.org/support/users/kingmar84/) [@shaunc2k15](https://wordpress.org/support/users/shaunc2k15/) [@gregorywprice](https://wordpress.org/support/users/gregorywprice/) [@winderatt](https://wordpress.org/support/users/winderatt/)! I hope you find this new option useful 🙂 * [OverrRyde](https://wordpress.org/support/users/overrryde/) * (@overrryde) * [9 years, 11 months ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450498) * Hi Brian, * i have noticed the option to display as image but this creates a large space above the header image after enabling this option. * Is this something that can be fixed? * thanks * [Brian](https://wordpress.org/support/users/brianmiyaji/) * (@brianmiyaji) * [9 years, 11 months ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450499) * [@overrryde](https://wordpress.org/support/users/overrryde/) Thanks for the feedback! Looks like the empty `.site-branding` div still has padding. This will be fixed in the next update. See this [GitHub commit](https://github.com/ThemeBoy/Rookie/commit/632c51696b91d64ae3a3f80dfdfdcc71e7e80ef6) * [OverrRyde](https://wordpress.org/support/users/overrryde/) * (@overrryde) * [9 years, 11 months ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450500) * Is there something I can change in the coding now to fix it until update? * Thanks for the commit! * [OverrRyde](https://wordpress.org/support/users/overrryde/) * (@overrryde) * [9 years, 11 months ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450501) * Hi Brian, i actually resolved it, didnt realise that it was as easy as just copy/ pasting the new code in my sheets! * thanks again, works great now! Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Responsive header image’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/rookie/1.5.4/screenshot.png) * Rookie * [Support Threads](https://wordpress.org/support/theme/rookie/) * [Active Topics](https://wordpress.org/support/theme/rookie/active/) * [Unresolved Topics](https://wordpress.org/support/theme/rookie/unresolved/) * [Reviews](https://wordpress.org/support/theme/rookie/reviews/) ## Tags * [header](https://wordpress.org/support/topic-tag/header/) * 9 replies * 7 participants * Last reply from: [OverrRyde](https://wordpress.org/support/users/overrryde/) * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/responsive-header-image-12/#post-6450501) * Status: not resolved