Add 'Donate' Button back into navigation bar

Site URL: https://www.humanitascharity.org

I’m working on updating a charity website running on version 7.0. The site is a bit outdated, and I’ve noticed that the "Donate" button in the top navigation bar is now missing. I’ve attached an image above of how the navigation bar looked before for reference. You can see it in the top right of the navigation bar. 

I’d really appreciate any advice on how to add the "Donate" button back. Thanks so much for your help!

i check don't seen any button there ? can you pls add again so we set through css.

Hi Paramjeet,

Thank you for your response. That is exactly the issue. I am hoping to get the button readded, but I am not seeing an option to do so.

@AgencyKick, did you use any custom code to add that button? It completely vanished, can’t see it even using the inspector:

Add this code into pages > web tools > code injection > footer:

document.addEventListener("DOMContentLoaded", () => {
  // Select the target container
  const headerDesktop = document.querySelector(".header-display-desktop");

  if (headerDesktop) {
    // Create the button element
    const donateButton = document.createElement("button");
    donateButton.className = "donate-button";
    donateButton.textContent = "Donate";

    // Append the button to the header-display-desktop
    headerDesktop.appendChild(donateButton);

    // Style the button
    const style = document.createElement("style");
    style.textContent = `
      .donate-button {
        background-color: #ff4500; /* Bright orange */
        color: white;
        font-size: 1rem;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin-left: auto;
      }
      .donate-button:hover {
        background-color: #e63900; /* Darker orange on hover */
      }
      .header-display-desktop {
        display: flex;
        align-items: center;
      }
    `;
    document.head.appendChild(style);
  }
});

just check its working fine.