Support » Allgemeine Fragen » WordPress Header Menü an Seite optimal anpassen

  • Gelöst johannesreis

    (@johannesreis)


    Hallo,

    ich arbeite zur Zeit an meiner WordPress Website.

    Mein aktueller Stand ist folgender:

    Das Header Menü ist im Moment genau auf der richtigen Höhe und in der richtigen Position.

    Hat man jetzt aber z.B. einen Computer mit einem kleinerem Bildschirm, dann rutscht das Menü automatisch nach unten:

    Und genau um das geht es hier. Ich möchte, dass das Menü, sobald der Bildschirm kleiner wird und das Menü „quasi“ nicht mehr in die oberste Zeile passt, sich zu einem Hamburger Icon verändert.

    Also sobald der Bildschirm kleiner wird als, das:

    möchte ich, dass es zu einem Hamburger-Menü Icon wird, wie hier:

    Im Moment erscheint, das Hamburger Menü erst, nachdem der Bildschirm jetzt kleiner wird als das Format:

    Das sieht alles natürlich alles keineswegs professionell aus, da die Website auch „anständig“ für Kunden mit einem kleinerem Bildschirm angezeigt werden soll.

    Gibt es also eine Möglichkeit das so einzustellen, dass das Header-Menü ab dem Zeitpunkt, wo es eigentlich in die zweite Zeile rutschen würde (also unter das Logo), zu einem „Hamburger“ Menü wird?

    Ist das vielleicht sogar im Customizer realisierbar?
    oder durch ein PlugIn?

    Zusatzinfo: Als Theme benutze ich OceanWP

    Danke schonmal im Vorraus!

    • Dieses Thema wurde geändert vor 1 Monat von  johannesreis.
    • Dieses Thema wurde geändert vor 1 Monat von  johannesreis.
    • Dieses Thema wurde geändert vor 1 Monat von  johannesreis.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Moderator Bego Mario Garde

    (@pixolin)

    Das Thema ist bereits als gelöst markiert – für welchen Weg hast du dich entschieden?

    johannesreis

    (@johannesreis)

    Ich hab im Customizer die Option gefunden, mit der man den Hamburger Icon Auslöser anpassen kann

    Hallo @johannesreis, darf ich fragen, wie genau du das geändert hast? Ich stehe nämlich gerade vor exakt demselben Problem 🙁

    • Diese Antwort wurde geändert vor 4 Wochen, 1 Tag von  sophiewmb.

    Hallo @sophiewmb

    und zwar: Im Chrome Browser kann man, wenn man auf einer Website auf „Rechtsklick“ -> „Untersuchen“ klickt an der Seite sehen wie viele Pixel das Fenster nun groß ist, dort hab ich also ein bisschen herumgespielt und geschaut, wann das Menü sich unters Logo schiebt, also bei welcher Pixel Anzahl. Dann hab ich im Customizer unter „Kopfbereich“ -> „Mobiles Menü“ -> „Haltepunkte“ „Benutzerdefinierte Medienabfrage“ gewählt und bei dem zusätzlichem Feld, welches dann aufploppt, den Pixel Wert eingegeben, bei welchem das Menü in die zweite Zeile rutscht.

    Ich danke dir! Leider gibt es bei mir diese Option nicht. Ich arbeite mit Flatsome… Da scheint diese Möglichkeit wohl zu fehlen.

    Ich danke dir! Leider gibt es bei mir diese Option nicht. Ich arbeite mit Flatsome… Da scheint diese Möglichkeit wohl zu fehlen.

    @pixolin können Sie vielleicht helfen?

    Moderator Bego Mario Garde

    (@pixolin)

    Ich bin im Hellsehen nicht so gut. Aber in einem neuen Thread mit einer neuen Frage, einer genauen Beschreibung des Problems und der Angabe einer URL zur Website kann ich gerne mal schauen.

    Grundsätzlich gilt: wenn das Theme keine Einstellungsmöglichkeit anbietet, hilft oft eine eigene CSS-Regel, die im Customizer unter Zusätzliches CSS eingefügt werden kann. Das setzt aber Grundkenntnisse in CSS voraus. Falls die nicht vorhanden sind, einen Dienstleister beauftragen.

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)