Optimierung des Headers der mobilen Ansicht: Logo und Hamburger Menü verschoben

  • Gelöst Katharina Hallen

    (@kathihallen)


    vor 5 Jahren, 4 Monaten

    Moin liebe Foren-Gemeinde,
    in der Darstellung meiner Homepage auf dem Handy wird mein Logo oben und das Hamburger Menü schräg rechts darunter oder (alternativ) direkt auf dem Logo dargestellt. Beides sieht in der mobilen Handyversion nicht ansprechend aus. Ich würde das Logo gerne ganz links und das Hamburger Menü rechts daneben (in einer Ebene) platzieren. In der Tablet-Ansicht funktioniert das problemlos – nur in der Handyversion leider nicht. Benötige ich hierzu einen zusätzlichen CSS-Code?

    Ich konfiguriere den Header über den Customizer und nutze OceanWP.

    Danke für Eure Hilfe!

    • Dieses Thema wurde vor 5 Jahren, 4 Monaten von Katharina Hallen geändert.
    • Dieses Thema wurde vor 5 Jahren, 4 Monaten von Katharina Hallen geändert.
    • Dieses Thema wurde vor 5 Jahren, 4 Monaten von Bego Mario Garde geändert. Grund: Bilder-Link korrigiert

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

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • bscu

    (@bscu)

    vor 5 Jahren, 4 Monaten

    Du hast bei der Smartphone-Ansicht dies:

    #site-header-inner {
    padding: 0 100px 0 100px;
}

    100px links und rechts ist einfach zu viel.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 5 Jahren, 4 Monaten

    Die Einstellung, die @bscu genannt hat, kannst du mit Sicherheit entsprechend unter Design > Customizer einstellen.

    Thread-Starter Katharina Hallen

    (@kathihallen)

    vor 5 Jahren, 4 Monaten

    Vielen Dank für die schnellen Antworten. Ich habe die Einstellung von @bscu im Zusätzlichen CSS eingegeben, aber leider keine Veränderung in der mobilen Handyansicht feststellen können. Liegt es evtl. an einer – noch falschen – Einstellung im Customizer unter Allgemeine Optionen > Allgemeine Einstellungen ?

    Danke nochmals für Eure Hilfe. 🙂

    Mobile Ansicht

    • Diese Antwort wurde vor 5 Jahren, 4 Monaten von Hans-Gerd Gerhards geändert. Grund: HTML für Bild korrigiert
    • Diese Antwort wurde vor 5 Jahren, 4 Monaten von Hans-Gerd Gerhards geändert.
    • Diese Antwort wurde vor 5 Jahren, 4 Monaten von Hans-Gerd Gerhards geändert.
    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 5 Jahren, 4 Monaten

    da stimmt wohl was mit dem Bild nicht. Wie ich bereits geschrieben habe: das sollte an sich über die Einstellungen funktionieren. Hast du das mal getestet?

    Thread-Starter Katharina Hallen

    (@kathihallen)

    vor 5 Jahren, 4 Monaten

    Ja, ich habe verschiedene Einstellungen getestet – aber finde leider keine Option, dies umzustellen.

    bscu

    (@bscu)

    vor 5 Jahren, 3 Monaten

    Schreibe mal ins Custom-CSS

    #site-header-inner {
    padding: 0 20px 0 20px !important;
}

    Es kann gut sein, dass du mit MediaQuries da noch etwas korrigieren muss, denn bei einem Desktop-Rechner klebt das dann doch etwas stark am Rand

    Thread-Starter Katharina Hallen

    (@kathihallen)

    vor 5 Jahren, 3 Monaten

    Perfekt – das hat geklappt! Vielen Dank für Euren großartigen Support! 🙂

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

Das Thema „Optimierung des Headers der mobilen Ansicht: Logo und Hamburger Menü verschoben“ ist für neue Antworten geschlossen.