Replace logo on specific wordpress page with css

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?

Thanks

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

Leave a Reply

Your email address will not be published. Required fields are marked *