Docs

[nicknomi]

Hi,

I’d like to display a different logo on ALL of my catergory pages and tag pages.

So there will be two logos on my site. One which displays on home/ posts and pages and then one on the category and tag pages.

I’ve tried a couple of solutions such as the below – but this gave me two overlapping logos for some reason.

Can you help?

Thanks,

Nick

.category-8 .x-brand img {
   display:none;
}

.category-8 .x-brand{
     background:url(url) top left no-repeat;!important
     width:350px
     height:167px;

[Friech]

Hi Nick,

Thanks for writing in! Lets use a JavaScript approach, first please setup your default logo on Customizer under Header panel. By default I mean the logo that will show on home and posts/pages.

And then you can add this under Custom > JavaScript in the Customizer.

jQuery(function($) {
		$( ".archive .x-brand img" ).attr( "src", "YOUR SECONDARY LOGO URL HERE" );
});

Replace the YOUR SECONDARY LOGO URL HERE phrase with the actual URL of your secondary logo.

Hope it helps, Cheers!

[Author]

Posts