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

  • Gelöst Katharina Hallen

    (@kathihallen)


    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 geändert vor 3 Wochen, 4 Tage von Katharina Hallen.
    • Dieses Thema wurde geändert vor 3 Wochen, 4 Tage von Katharina Hallen.
    • Dieses Thema wurde geändert vor 3 Wochen, 4 Tage von Bego Mario Garde. 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)
  • Du hast bei der Smartphone-Ansicht dies:

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

    100px links und rechts ist einfach zu viel.

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

    Thread-Ersteller Katharina Hallen

    (@kathihallen)

    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

    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-Ersteller Katharina Hallen

    (@kathihallen)

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

    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-Ersteller Katharina Hallen

    (@kathihallen)

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

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