Title: Mobile version Heade image
Last modified: August 31, 2016

---

# Mobile version Heade image

 *  Resolved [gnumengor](https://wordpress.org/support/users/gnumengor/)
 * (@gnumengor)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/mobile-version-heade-image/)
 * Hi!
 * I’m using the Sela theme and I’m very happy with it!
 * I only have one concern: the site header image is 667 pixels width.
 * When surfing the site with low resolution devices (mobile), the header image 
   is always centered and not stretched, so the lower resolution, the less part 
   of the header image I can see. I mean, it gets cut, and my site title gets cut
   too.
 * Is there any way of changing the header image to another one when using mobile
   devices, by using custom css??
 * Many thanks!

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

 *  Thread Starter [gnumengor](https://wordpress.org/support/users/gnumengor/)
 * (@gnumengor)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/mobile-version-heade-image/#post-7135051)
 * Hi!!!
 * I solved it by using this code:
 * [@media](https://wordpress.org/support/users/media/) screen and (max-width: 600px){
   #
   masthead .site-branding { background-image: url(smaller-image-url.jpg); background-
   size: 100%; background-position: center; } }
 * which I borrowed from here:
    [https://wordpress.org/support/topic/header-doesnt-display-fully-in-mobile-version?replies=15](https://wordpress.org/support/topic/header-doesnt-display-fully-in-mobile-version?replies=15)
 * 🙂
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/mobile-version-heade-image/#post-7135065)
 * Thanks for sharing your solution!
 * Just a heads-up not to edit the theme files directly, otherwise your changes 
   will be overwritten every time the theme is updated to the latest version.
 * 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 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile version Heade image’ is closed to new replies.

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

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