Menü für Smarphone zu lang – lässt sich nicht scrollen

und du hast absichtlich das mega-div so gestaltet, daß immer eine neue Zeile aufgemacht wird?
Denn eigentich ist so ein Menu prädestiniert für ein multi-column mega-div.

Trotzdem mal so: du weißt besser wie hoch dein Header inclusive Nav und Breadcrumb maximal ist, das sollte dann mindestens unten abgezogen werden:

#header .avia_mega_div {
  overflow: auto;
  height: calc(100vh - 200px);
  width: 400px !important;  /*** eventuell auch etwas verbreitern - das gibt dann weniger Umbrüche ***/
}

eventuell verkleinerst Du aber auch noch die Abstände:

#top #header .avia_mega_div > .sub-menu {
  padding: 10px 15px 10px;
}