XF 2.2 Logo too small on mobile

Compi

New member
So on mobile the logo of my site looks like this:

WhatsApp Image 2021-07-28 at 21.55.11 (1).jpeg
It's too small.
I did some googling and found this code:

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


But that one produces this:
WhatsApp Image 2021-07-28 at 21.55.11.jpeg

Doesn't look good either.
What do I have to do to make it look like the first one, just with a bigger logo?


Cheers
Compi
 

Dixie McCall

Well-known member
I believe you don't have to add any extra CSS, just increase the pixel size of the logo. Mine is 800 x 130 and looks good. Doesn't seem to slow loading times or anything.
 

Attachments

  • IMG_4788.jpg
    IMG_4788.jpg
    38.9 KB · Views: 11

Dixie McCall

Well-known member
Did you add your code in extra.less template? The code you have should work if it's in extra template


.p-nav-smallLogo
{
display: none !important;
}
.p-header-logo
{
max-width: none !important;
}
.has-js .p-header
{
display: block;
}
 
Top