index-main/assets/js/header.js

export function headerToggle() {
  const header = document.getElementById("site-header");
  const buttonToggle = document.querySelector("#menu-toggle");
  const overlay = document.getElementById("menu-overlay");

  if (!header || !buttonToggle) return;

  buttonToggle.addEventListener("click", () => {
    document.body.classList.toggle("menu-open");
  });

  overlay?.addEventListener("click", () => {
    document.body.classList.remove("menu-open");
  });
}


// DELETE ?
export function headerScrollVisibility() {
  const header = document.getElementById("site-header");

  if (!header) return;

  function checkScroll() {
    if (window.scrollY >= 300) {
      header.classList.add("is-visible");
    } else {
      header.classList.remove("is-visible");
    }
  }

  window.addEventListener("scroll", checkScroll);
  checkScroll();
}