Title: mobile CSS styling
Last modified: August 22, 2016

---

# mobile CSS styling

 *  Resolved [senordeer](https://wordpress.org/support/users/senordeer/)
 * (@senordeer)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-css-styling/)
 * I am using the jetpack mobile plugin on this site:
    [http://www.jacksonlambertdesign.com](http://www.jacksonlambertdesign.com)
 * I have 2 different headers for different parts of the site so instead of using
   the default WordPress header image uploader I have added my headers in the CSS
   as follows ie:
 *     ```
       #header {
       	background: url(http://www.jacksonlambertdesign.com/wp-content/uploads/2014/09/header-blog-3.png)no-repeat;
       }
   
       .page-id-9 #header {
       	background: url(http://www.jacksonlambertdesign.com/wp-content/uploads/2014/09/header-14.png)no-repeat !important;
       	margin-left: 27%;
       	min-height: 202px;
       	width: 100%;
       	margin-top: -10px;
       }
       ```
   
 * The headers do not appear on my mobile site, either when I enable the Jetpack
   CSS and add the above code OR if I add the .mobile-theme class to the header 
   CSS. Is there some other way I can add a header other than through the WordPress
   default header upload and have it appear on the mobile version? I am using a 
   Genesis child theme, so I could also add something in the header area using php
   if I had an idea of the code. Thanks in advance.
 * [https://wordpress.org/plugins/jetpack/](https://wordpress.org/plugins/jetpack/)

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [csonnek](https://wordpress.org/support/users/csonnek/)
 * (@csonnek)
 * Happiness Rocketeer 🚀
 * [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-css-styling/#post-5248672)
 * I see you also posted in [this thread](http://wordpress.org/support/topic/jetpack-mobile-plugin-css-styling?replies=1),
   but I’ll address both here.
 * I checked your site today and noticed that you’re not using the Jetpack Mobile
   theme, but the WPTouch plugin instead. However, if you choose to go back to the
   Jetpack Mobile theme, if you use the `.mobile-theme` class to target elements
   in the Mobile theme, it should work. We also have an article highlighting how
   you can customize the look of the theme: [http://jetpack.me/2013/06/27/customize-mobile-theme/](http://jetpack.me/2013/06/27/customize-mobile-theme/)
 * I hope that clarifies things!

Viewing 1 replies (of 1 total)

The topic ‘mobile CSS styling’ is closed to new replies.

 * ![](https://ps.w.org/jetpack/assets/icon.svg?rev=2819237)
 * [Jetpack - WP Security, Backup, Speed, & Growth](https://wordpress.org/plugins/jetpack/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jetpack/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jetpack/)
 * [Active Topics](https://wordpress.org/support/plugin/jetpack/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jetpack/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jetpack/reviews/)

## Tags

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

 * 1 reply
 * 2 participants
 * Last reply from: [csonnek](https://wordpress.org/support/users/csonnek/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/mobile-css-styling/#post-5248672)
 * Status: resolved