Add background for header with dropdown menu and scrollTop // JM

Add background header JS

$(window).scroll(function() {
  if($(window).scrollTop() === 0) {
    $("#header").removeClass("background");
  } else {
    $("#header").addClass("background");
  }
});

$(".main-navigation .has-submenu a").click(function() {
  $(this).toggleClass("is-active");
  $(".header-drop-down").toggleClass("show-header-drop-down");

  if($(window).scrollTop() === 0) {
    $("#header").toggleClass("background");
  } else {
    $("#header").addClass("background");
  }

  return false;
});

if($(window).scrollTop() === 0) {
  $("#header").removeClass("background");
} else {
  $("#header").addClass("background");
}

$('body').click(function(event) {
  if (!$(event.target).closest(".show-header-drop-down").length) {
    $(".main-navigation .has-submenu a").removeClass("is-active");
    $(".header-drop-down").removeClass("show-header-drop-down");
    if($(window).scrollTop() === 0) {
      $("#header").removeClass("background");
    }
  }
})

$(".header-drop-down li a").click(function() {
  $(".header-drop-down").removeClass("show-header-drop-down");
  $("html, body").removeClass("overflowhidden");
});