Title: Mobile Header Image
Last modified: August 30, 2016

---

# Mobile Header Image

 *  Resolved [connorstobaugh](https://wordpress.org/support/users/connorstobaugh/)
 * (@connorstobaugh)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-header-image/)
 * Hello,
 * The home page header image looks fine on small dimensions, however other pages
   are cutting off the edges. It appears to be zoomed in more on all pages but the
   home page
 * Is there a way to get the header image to behave the same as the home page on
   mobile devices?
 * Thanks
    Connor

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

 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-image/#post-6633158)
 * The header in Argent is a background image that may be cropped at different screen
   sizes, as you can see on the demo:
 * [https://argentdemo.wordpress.com/](https://argentdemo.wordpress.com/)
 * For this reason, it works best with an image that does not have any important
   visual information on the edges.
 *  [1-jah](https://wordpress.org/support/users/1-jah/)
 * (@1-jah)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-image/#post-6633159)
 * Have you tired using css adding the line width:100%?
 *  Thread Starter [connorstobaugh](https://wordpress.org/support/users/connorstobaugh/)
 * (@connorstobaugh)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-image/#post-6633160)
 * Kathryn,
 * I understand that the image may be cropped at different screen sizes, but what
   I am trying to do is make all header images behave the way the home page image
   does.
 * If you notice that the home page header continues to scale down even on small
   browser dimensions. However, other pages stop scaling down once the browser window
   is 600px wide. This is the same for your live demo as well
 * I have tried various things in CSS (inlcuding width: 100%) to no avail and cannot
   seem to find what code is causing the homepage header to behave differently than
   the other pages
 * Thanks
    Connor
 *  Thread Starter [connorstobaugh](https://wordpress.org/support/users/connorstobaugh/)
 * (@connorstobaugh)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-image/#post-6633161)
 * Update: I have solved the issue
 * This line is in the themes CSS for the home page
 * .home .site-branding {
    padding: 2.5em 0; }
 * I added this to the [@media](https://wordpress.org/support/users/media/) screen
   and (max-width: 767px) section
 * .site-branding {
    padding: 2.5em 0; }
 * And now all pages headers behave the same on smaller browser resolutions
 * Thanks
    Connor
 *  [1-jah](https://wordpress.org/support/users/1-jah/)
 * (@1-jah)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-image/#post-6633162)
 * Very nice. Glad you resolved this.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-image/#post-6633175)
 * Glad you achieved the effect you wanted. Just a heads-up that if you edited the
   theme files directly, your changes will be overwritten and lost every time the
   theme is updated to the latest version. To avoid this, you can add a custom CSS
   override instead. An easy way to add custom CSS is to install the [Jetpack plugin](http://jetpack.me/)
   and activate the [Custom CSS](http://jetpack.me/support/custom-css/) module. 
   You’ll then add your custom CSS in the new stylesheet editor that’ll appear in
   your dashboard, under Appearance > Edit CSS.
 * As alternatives, you could either install a [standalone custom CSS plugin,](http://wordpress.org/plugins/search.php?q=custom+css)
   or create a [child theme.](http://codex.wordpress.org/Child_Themes)

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

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

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

## Tags

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

 * 6 replies
 * 3 participants
 * Last reply from: [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-image/#post-6633175)
 * Status: resolved