Skip to main content

Different Logo for engage, payments, etc vs what displays on website

Great for white logos that disappear in engage. 

  1. Make the logo in preferences the logo you want on engage, submissions, payments etc. 
  2. Upload and add the display logo to a page on their site, and then right click to grab the link address.
  3. Add the following script to the advanced theme editor under scripts and insert the image link address:

document.addEventListener("DOMContentLoaded", function() {
  const logo = document.querySelector("#page-header .header-logo img");
  if (logo) {
    logo.src = "INSERT DISPLAY LOGO URL";
    logo.alt = "Port of Hood River Logo"; // Optionally update the alt text
  }
});