XF 2.1 How to remove the Xenforo Logo?

[chillman]

The normal logo of a clean software install is <img src="/styles/default/xenforo/xenforo-logo.png">

In which template can I change this?

 

[Mr Lucky]

The normal logo of a clean software install is <img src="/styles/default/xenforo/xenforo-logo.png">

In which template can I change this?

It is not a template it is in style properties. I think the style property is called basic options,

 

[chillman]

It is not a template it is in style properties. I think the style property is called basic options,

great. Thanks for your fast help

 

[crondoc]

If you want to remove the logo for mobile go to templates->PAGE_CONTAINER and look for

<div class="p-nav-smallLogo">

and remove the few lines of code as far as the end tag for the div (or just comment out that section). Similar for the desktop logo.

 

[Nicolas FR]

The question dates from two years ago.

Otherwise it is better to use css in the extra.less template to remove the logo rather than directly in the template.
Something like this:

.p-nav-smallLogo,
.p-header-logo {
    display: none;
}

 

[Kirby]

Hiding images by setting them display: none is usually not a good idea as they might still be downloaded anyway.
This is specifically the case for the logo as it does not have loading=lazy attribute and is in initial viewport.

If the logo should really be removed (for small screens), it would be better (performance-wise) to remove that from the template.

 

[Nicolas FR]

Thesis and anti-thesis.
It's something I didn't know. So thank you for correcting me.

Sorry @crondoc you were right.

 

[Nicolas FR]

For my information if i used .p-header {display: none;} would that still load the logo image?

 

[Kirby]

For my information if i used .p-header {display: none;} would that still load the logo image?

Yes, most likely.

If you want, you can test that by creating a new style, apply that CSS to its extra.less, switch to that style in frontend, open your browser developer tools, disable cache, reload the page - you will see that the logo does still get loaded.

 

[Nicolas FR]

Tested and the result is...

The logo loads !!

 

[crondoc]

Get "No code = No load" tattooed on the back of your hand whenever you think CSS might be the answer to reducing load time!

 

[Nicolas FR]

Yep ! But the goal here was not to reducing load time but only remove the logo.
So i will not tattoo this slogan but i note it !