deluge/overrides/partials/header.html

<div class="deluge-nav">
  <div class="deluge-nav-logo">
    <a href="/">
      <img
        src="https://deluge-torrent.org/images/deluge_logo.png"
        alt=""
      />Deluge
    </a>
  </div>

  <div class="deluge-navbar">
    <div class="icon-bar" onclick="show()">
      <i></i>
      <i></i>
      <i></i>
    </div>

    <ul id="deluge-nav-lists">
      <li class="close"><span onclick="hide()">×</span></li>
      <li>
        <a href="/download">Download</a>
      </li>
      <li><a href="/plugins">Plugins</a></li>
      <li><a href="https://forum.deluge-torrent.org/">Forum</a></li>
      <li>
        <a href="/userguide">Support</a>
      </li>
      <li><a href="https://dev.deluge-torrent.org/roadmap">Bugs</a></li>
      <li>
        <a href="/development">Development</a>
      </li>
    </ul>
  </div>
</div>

<script>
  const navList = document.getElementById("deluge-nav-lists");
  function show() {
    navList.classList.add("menus-show");
  }

  function hide() {
    navList.classList.remove("menus-show");
  }
</script>