[JL89Participant]

Hello,
I am trying to show a different logo on separate pages. For example on the “Home” page I want to show “Logo A” and all other pages I would like to show “Logo B”. The reason being the “Home” page is a dark background and we would like to show a white logo, the rest of the site is a light background and want to show a black logo.

Thank you!

[JL89Participant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

Thanks for writing in!

In the Customizer, upload the black logo that you want to show on the rest of the pages of your site. Then add following jQuery code under Custom > JavaScript in the Customizer to replace the logo only on the homepage:

jQuery(".home .x-brand img").attr("src","YOUR_WHITE_LOGO_IMAGE_URL_HERE");

Replace YOUR_WHITE_LOGO_IMAGE_URL_HERE with your white logo image URL.

Thank you!

[JL89Participant]

That worked out great, thank you!

[John EzraMember]

You’re most welcome!

[Author]

Posts