Title: Header not appearing on mobile
Last modified: August 21, 2016

---

# Header not appearing on mobile

 *  [blogger_meow](https://wordpress.org/support/users/blogger_meow/)
 * (@blogger_meow)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/)
 * I have a custom header on my site that appears as a black space when the site
   is viewed from a mobile device. Has anyone encountered this problem and knows
   a solution? Thanks!

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

 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398553)
 * Hi there, could you provide a link to your site? Thanks.
 *  Thread Starter [blogger_meow](https://wordpress.org/support/users/blogger_meow/)
 * (@blogger_meow)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398559)
 * Hi Kathryn,
 * here you go: [http://chezsasha.com/](http://chezsasha.com/)
 * Thanks!
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398564)
 * Thanks! I see what you mean – I’m going to ask a developer to take a look at 
   this and I’ll keep you posted here.
 *  Thread Starter [blogger_meow](https://wordpress.org/support/users/blogger_meow/)
 * (@blogger_meow)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398589)
 * Great. Thanks!
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398668)
 * Hi there, version 1.2.2 of Quintus should fix this issue with the header on mobile
   devices. It’s been re-submitted to the WordPress.org repository and should be
   available soon. You can also download it immediately in the right column where
   it says “Download Quintus for your self-hosted WordPress site” here:
 * [http://theme.wordpress.com/themes/quintus/](http://theme.wordpress.com/themes/quintus/)
 * Please let me know if the new version of Quintus solves the mobile header issue.
   Thanks!
 *  Thread Starter [blogger_meow](https://wordpress.org/support/users/blogger_meow/)
 * (@blogger_meow)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398671)
 * Hi Kathryn,
 * Thanks for your help again. If I choose to update the theme directly from my 
   Dashboard, will my current settings/widgets/header be effected?
 * Thank you.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398672)
 * As long as you **have not edited any of your theme files directly** – including
   style.css – none of your current settings/widgets/header should be affected by
   updating the theme.
 * Do you know if you’ve edited the theme files?
 *  Thread Starter [blogger_meow](https://wordpress.org/support/users/blogger_meow/)
 * (@blogger_meow)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398674)
 * Hi Kathryn,
 * I don’t believe I have edited the theme files but am not quite sure. I did change
   the hyperlink color last week though – not sure if that means the theme. Is there
   a way to check?
 * Thank you.
 *  Thread Starter [blogger_meow](https://wordpress.org/support/users/blogger_meow/)
 * (@blogger_meow)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398675)
 * Hello again, Kathryn.
 * So I’ve updated the theme and the header loads on mobile! Hurray!
    However, a
   new problem has arisen – the header does not scale down from its regular size
   to mobile size. Is there a way to fix this?
 * Many thanks!
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398679)
 * > So I’ve updated the theme and the header loads on mobile! Hurray!
 * Yay, glad to hear it!
 * > However, a new problem has arisen – the header does not scale down from its
   > regular size to mobile size. Is there a way to fix this?
 * Because Quintus uses a background image for its header, it doesn’t scale on smaller
   screens, and for that reason, abstract, decorative, or more flexible photographic
   images may work better in this theme.
 * A couple of other alternatives are:
 * 1) You could try adding some custom CSS to modify the header display a bit at
   various screen sizes. My colleague designsimply put this together for you to 
   try:
 *     ```
       header.blog-header {
           background-size: contain;
           background-color: #fff !important;
           display: block;
           width: 100%;
       }
       @media only screen and (max-width: 400px) {
           header.blog-header {
               max-height: 90px;
               border-right: 5px solid #222;
           }
       }
       @media only screen and (min-width: 400px) and (max-width: 640px) {
           header.blog-header {
               max-height: 140px;
           }
       }
       @media only screen and (min-width: 640px) and (max-width: 768px) {
           header.blog-header {
               max-height: 170px;
           }
       }
       @media only screen and (min-width: 768px) and (max-width: 900px) {
           header.blog-header {
               max-height: 200px;
           }
       }
       ```
   
 * 2) Another alternative would be to create a child theme and hard-code the header
   image into the file, which would bypass the background-image technique that’s
   currently used. That would allow better responsive display.
 * Making a child theme means your changes won’t be overwritten when you update 
   the theme. If you’re new to child themes, you can explore these guides:
 * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
   
   [http://op111.net/53/](http://op111.net/53/) [http://vimeo.com/49770088](http://vimeo.com/49770088)
 * Here’s a tutorial on making a responsive header:
    [http://dynamiksupport.cobaltapps.com/customer/portal/articles/1308357-how-to-make-your-logo-image-responsive](http://dynamiksupport.cobaltapps.com/customer/portal/articles/1308357-how-to-make-your-logo-image-responsive)
 * Good luck and do let me know how it goes!

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

The topic ‘Header not appearing on mobile’ is closed to new replies.

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

## Tags

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

 * 10 replies
 * 2 participants
 * Last reply from: [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/header-not-appearing-on-mobile/#post-4398679)
 * Status: not resolved