Is there a way to show a different main logo in the header (top left) when browsing threads within a certain category or their sub categories? Thank you.

I believe the body includes a class category-{category here}, which you could use to change category specific CSS.

I don’t know how to execute a script after the page content have loaded (I’m interested to know that too!), but for changing the logo image, you could do this: // in a condition like if category == "somecategory" then… document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1; w…

I recently had this problem also. I realise this is an old topic, but here’s a solution in case someone comes by. You can use CSS and utilize the classes on the body element to detect which category you are in. // Dont show regular site logo body.category-something #site-logo { display: none; …

I think you’d need to put your image on the <a> element, else the logo link will just collapse. // Show another image in the title body.category-something .d-header .title a { ... }

Show different header logo based on category?

Development

bangkarlsen (Jesper) April 18, 2024, 10:01am 6

Ah, right, I was mostly focussing on the CSS selectors. Thanks for correcting that.

Topic		Replies	Views
Category logo on all topics within this category Support	6	915	May 2, 2020
Category logo size on specific categories - only applied when accessed directly Bug	2	284	April 5, 2024
Image header depending on the category/tab Marketplace	3	2196	February 24, 2015
Change design based on category Feature	2	1092	March 15, 2015
Banner duplicates info when used with category logo Support category-banners	4	222	October 1, 2019

Show different header logo based on category?

Related topics