XF 2.2 Logo on mobile

[Seeker-Smith]

My logo appears normal on desktop but on mobile it’s really tiny. Is there a style setting for this?

 

[Ozzy47]

Add this to your extra.less template

// ########################### FULL SIZE LOGO ON MOBILE ########################
.p-nav-smallLogo {
    display: none !important;
}
.p-header-logo {
    max-width: none !important;
}
.has-js .p-header {
    display: block;
}

 

[Seeker-Smith]

Brilliant! Thanks.

Could I reduce it by using

.p-header-logo {
max-width: 90% !important;
}

 

[Seeker-Smith]

Tried it myself. SUCCESS!

 

[hIBEES]

Because I have banners in header it displays them, any chance I can hide them but keep the logo?

 

[interforo]

Add this to your extra.less template

// ########################### FULL SIZE LOGO ON MOBILE ########################
.p-nav-smallLogo {
    display: none !important;
}
.p-header-logo {
    max-width: none !important;
}
.has-js .p-header {
    display: block;
}

I used this but my logo disappeared

 

[hIBEES]

Because I have banners in header it displays them, any chance I can hide them but keep the logo?

My issue is sorted.