How to have the site logo in mobile site ?

Topics: Themes
Jan 12, 2014 at 1:36 PM
I just noticed that in the mobile site, the site logo does not show up ?

How to have the site logo in mobile site ?

Theme: Standard BE 2.9.0.3
Developer
Jan 12, 2014 at 8:35 PM
Edit (/themes/standard/css/responsive.css) by an editor. (Notepad or ...)

Find:
@media screen and (max-width:767px) {
    .header .title-wrapper { padding: 25px 0 30px; }
    .header .title-wrapper .logo { display: none; }
    .header .title-wrapper .pull-left,
    .header .title-wrapper .pull-right { float: none !important; text-align: center; margin: 0; padding: 0; }
    .header .title-wrapper hgroup { height: auto; margin-bottom: 10px; }
    #q-notes { display: none !important; }
}
Replaced with:
@media screen and (max-width:767px) {
    .header .title-wrapper { padding: 25px 0 30px; }
    .header .title-wrapper .logo {margin: 0 auto 20px !important;text-align:center;display:block;}
    .header .title-wrapper .pull-left,
    .header .title-wrapper .pull-right { float: none !important; text-align: center; margin: 0; padding: 0; }
    .header .title-wrapper hgroup { height: auto; margin-bottom: 10px; }
    #q-notes { display: none !important; }
}
Done.