Trouble changing the current header logo image

Hey, joyce2020, for the meantime here is a quick solution: you can use JavaScript to modify what the image source is as seen in this example code I made:

jQuery("img.header_logo.lazyloaded").attr("src","https://example.com/img.jpg");

This will change the header image to whatever you specify, following the source quotes and it currently will change to https://example.com/img.jpg

Additional information about the source attribute with jQuery: https://www.w3schools.com/jquery/html_attr.asp

Thanks @plantprogrammer
Can you please advise which file is the best for me to add this code to?

Hey, I would suggest using the Insert headers and Footers plugin in order to avoid any coding errors: https://www.ads-software.com/plugins/insert-headers-and-footers/

<script>
document.querySelector("img.header_logo.lazyloaded").src = "https://example.com/img.jpg"
</script>

I would then insert the code as I have it here in theScripts in Footer section.

Image showing where to add the code: https://ps.w.org/insert-headers-and-footers/assets/screenshot-1.png?rev=2249686