Zweites Menü responsive (Hamburger) darstellen

Moin!

Ich versuche mich langsam in das Thema 'Mobile Darstellung von Webseiten' einzuarbeiten.

Dazu habe ich eine Frage:

Ich habe auf einer Testseite 2 Menüs. Eins oben und eins links.

Das obige wird ab 767px als Hamburger-Menü dargestellt.

Das linke Menü wird ab 767px ausgeblendet.

So steht es auch in der template.css.

Ich möchte gerne das linke Menü auch als Hamburger dargestellt bekommen.

Eventuell als zusätzlichen oder, optimal, im Vorhanden integrieren.

Dazu habe ich hier schon Lösungen gesehen, die über Ebenen gesteuert wurden.

Krieg ich aber nicht hin, da es ja zwei verschieden Module sind, die ja auch so bleiben sollen.

Schaut doch mal drüber:

https://bit.ly/2WNZ6tU

Vielen Dank!

Danke für den Hinweis.,

Kenne den Thread, habe ich wohl nicht gründlich genug gelesen (optimales Ziel war die Integration des zweiten Menüs im Hamburger).

Vermutlich werde ich es so lassen oder die Menüpunkte im Top-Menü unterbringen.

Das Problem sehe ich in der Position 'Offcanvas'.

Es gibt sie nicht als 'Modulposition'.

Das Hamburger erscheint ab 767px in der template.ss Zeile 1753:

 #menu, div.header {
    display: block;
  }
  div.header {
    position: absolute;
    right: 0;
    top: -10px;
    width: 100px;
    background: none;
  }
  div.header a , div.header a:hover, div.header a:active, div.header a:link, div.header a:focus{
    height: 70px;
    background: url("../images/bg-menu-mobile.png") 50% 50% no-repeat;
  }

Für die Umsetzung bin ich technisch (noch) nicht soweit.

Schon länger her, aber dennoch kurze Rückmeldung:

In Absprache mit dem Kunden, haben wir die Menüpunkte im zweiten

Menü (Responsive) als Untermenüpunkte im Hauptmenü untergebracht.

Kunde zufrieden - Supporter zufrieden!