Styling mobile site with CSS

Here are brief instructions how to style your mobile site.

• Go to Extensions -> Template Manager in Joomla! admin
• Pick your template: mobile_iphone or mobile_smartphone (other smartphones)
• Choose Edit
• Click Edit CSS
• Choose  mj_xhtml.css and Edit (or whatever CSS file you have available there)

/* patches to nokia styles */
#header {
    background: url('../resources/images/img-branding-background.png') repeat-x top;
    padding: 17px 10px 0;
    height: 53px;
}

/* patches to nokia styles */
#header {
    background: white;
    padding: 17px 10px 0;
    height: 53px;
}