Header

Could you go to Appearance > Header in your dashboard, and make sure you’ve added a custom Header image there?

If that menu item doesn’t appear on your site, it means that your theme doesn’t support custom header images.

You’ll then need to use CSS to customize the header of the Mobile Theme, as explained here:
https://jetpack.me/2013/06/27/customize-mobile-theme/#throughthecustomcssmodule

I hope this helps.

Thank you. This is very healpful. My theme does not support custom themes. I have been trying to work this out and I don’t really understand how to proceed.

I tried adding the .mobile-theme to my header like this:

<div class="mobile-theme">
<div id="headcontainer">
    <div id="header" class="container">
<img src="https://www.pearsonkoutcherlaw.com/wp-content/uploads/2013/05/header.jpg" alt="header.jpg" width="994" height="123" class="alignleft size-full wp-image-583" />

    </div></div>
</div>
<div>

and have tried selecting mobile compatible on my style sheet and adding to my css:

.custom #header {
	background: url(images/wp-content_uploads_2013_05_header.jpg) no-repeat;
	height: 123px;
	width: 994px;
}

I have played around with this a bunch have tried a bunch of different combinations. Can you please help point me in the right direction?

Thanks!

Megan
`

If your theme doesn’t support custom header images, it might be easier to add support to the theme, even if you don’t actually display the image on the desktop theme.

Try adding the following to your theme’s functions.php file:

add_theme_support( 'custom-header' );

Then, go to Appearance > Header in your dashboard, and add an image.

Let me know how it goes.

Perfect! Thank you for your help!