Navigationsmenü

Hallo zusammen,

Und zwar hätte ich ganz gerne einfach nur einen button der zentriert unter meinem headerbild sitz und bei mouseover sich nach unten hin öffnet und mir meine menüpunkte anzeigt. Ich probiere seit tagen schon vergebens. Es ist mir bisher nur gelungen diesen button rechts sitzend zu haben und dann öffnet sich aber die navigation an der seite der homepage und ploppt nicht unten drunter auf wie ich das gerne hätte. Ich wäre sehr über hilfe dankbar!!! im anhang ein bild wie ich das mit dem button meine.

MfG

Erstmal vielen Dank für deine Antwort. Ich habe nun mit etlichen themes rumprobiert nur leider noch immer keine Lösung gefunden . Momentan nutze ich das Bard theme. Wie du nun schon erwähnt hast, meine ich das Hamburgermenü, dieses wird mir auch bei mobiler ansicht der website dargestellt und funktioniert in mobiler Ansicht auch so wie es soll. Nun möchte ich aber die Darstellung des Menüs inkl. diesem Button auch in der Desktop Variante. Mouseover ist kein muss, war nur so eine idee von mir, mir würde es reichen wenn ichs überhaupt erstmal so hinbekomme und sich das menü per klick nach unten hin öffnet. Bin über Lösungsvorschläge echt dankbar!!

Vielen Dank für deine Antwort, ich habe jetzt etwas herumprobiert und bin erstaunlicherweise auch schon einen Schritt weiter. Jetzt habe ich erstmal dauerhaft meine Navigation mittig sitzen allerdings mit einem pfeil den ich gerne gegen das hamburger icon austauschen würde. Dazu kommt noch, das das Menü beim aufrufen der Seite schon offen ist, dies sollte eher zu sein und sich erst nach klick öffnen und beim wechseln der Seite auch automatisch wieder geschlossen sein . Ich füge einfach mal den css code anbei, vielleichtg kann mir ja wer helfen .

/* Mobile Menu  */
.mobile-menu-container {
  display: all;
  clear: both;
}


.mobile-menu-btn {
  display: all;
  font-size: 16px;
  padding: 0 15px;
  line-height: 60px;
  cursor: pointer;
}


#mobile-menu {
  padding-bottom: 15px;
}


#mobile-menu li {
  position: center;
  width: 100%;
  text-align: center;
}


#mobile-menu li.menu-item-has-children > a {
  display: all;
  text-indent: 15px;
}


#mobile-menu li a {
  display: all;
  position: center;
  z-index: 5;
}


#mobile-menu .sub-menu li {
  line-height: 30px !important;
}


#mobile-menu .sub-menu li .sub-menu-btn-icon {
  top: 5px !important;
}


.sub-menu-btn {
  position: absolute;
  top: 0;
  left: 0;   
  width: 100%;
  height: 50px;
  padding: 0 10px;
  z-index: 1;
}


.sub-menu-btn-icon {
  position: relative;
  top: 16px;
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
  line-height: 19px;
}


#mobile-menu .sub-menu {
  display: screen;
}

Wenn du mir sagst wo ichs finde ? Habe gesucht aber nix gefunden :/

Die website ist noch nicht Online, läuft bei mir nur im lokalem Netzwerk.

Hallo, sorry für die späte Antwort, war etwas verhindert :P So ich habe die ganze Sache jetzt Online geschalten, habs derwegen jetzt auch hinbekommen das das menü erstmal so funktioniert wie es soll. Hätte trotzdem noch eine Frage bezüglich des menüs. Lässt sich der Pfeil nach unten irgendwie gegen das Hamburger Icon austauschen? https://www.herzenslinie.de <-- Hier der Link zur Seite.

Vielen Dank erstmal!

Vielen lieben Dank !