How can I display different logos on various pages?

How can i assign different logo on different pages
currently home page logo is visible on all the pages:
Logo"MISA" is of golden color and its an image

I want to show different logo on collection page:

here the logo is of different color
how can i achieve this??

Hi @obito_uchiha01 , can you share your store url and what page exactly you want to change the logo color?

Hi @obito_uchiha01 ,

Please open the code editor, and select the theme.liquid file, and add the following code snippet inside the tags.

{% if template == “collection” %}

.header__heading-logo{ visibility: hidden; } a.header__heading-link.link.link--text.focus-inset { background: url(*link to your new logo*); background-size: 160px; background-repeat: no-repeat; background-position: center; }