XF 2.3 Different logo on mobile screens

[hakyangler]

Hello; I have 2 logos in my hand. There is no problem with the normal appearance, but I want to put a different logo on the mobile screens. I didn't manage to do this, is there anyone who can give information?_

 

[philmckrackon]

Why not use the logo options under
Admin >> Aperance >> Your Style. >> Basic options >> Logo

Set 192 or 512 pixel?

You can add a function in extr.less that relyd on screen width.

 

[hakyangler]

What I'm talking about has nothing to do with what you said.

 

[philmckrackon]

What I'm talking about has nothing to do with what you said.

Yes it does, you can change the logo in extra.lesd via max width CSS.
Example = (max-width: 480px)
CSS is not my forte, but it can be done
Just throwing out handgernades.

Example:

// Enable Mobile Signatures
@media (max-width: 480px)
{.message-signature

{display: block; }
}

 

[BassMan]

You can add something like this in your extra.less template:

@media (max-width: @xf-responsiveMedium) {
    .p-nav-smallLogo img {
        display: none;
    }
    .p-nav-smallLogo {
        width: 50px;
        height: 37px;
        background-image:url('path/to/your/file');
        background-size: contain;
        background-repeat: no-repeat;
    }
}