I’m trying to display a different logo for a specific page on my website. I’ve added a CSS rule that targets the specific page id and it swaps the logo successfully but only on Chrome and Safari. But on Firefox and IE it doesn’t swap the logo (it just shows the original one)

.page-id-1973 #logo {content: url(http://example.com/wp-content/uploads/2017/04/new-logo.png) ;}

Could you tell me how to make it Firefox and IE compatible, or is there another way of achieving it?


Read more here: Replace logo on specific wordpress page with css


If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Wordpress related questions and answers: