Support » Allgemeine Fragen » Menüleiste im Header zentrieren

  • Gelöst welcomemgt

    (@welcomemgt)


    Hallo zusammen,

    ich hoffe hier kann mir jemand helfen. Ich finde leider die Einstellung nicht mehr.
    Ich verwende das Theme Ocean WP mit Elementor.

    Hier habe ich eine Webseite erstellt mit drei Sprachen Deutsch, Englisch und Arabisch.

    Aus Kosmetischer Sicht hat mir WordPress, denn so gehört es auch die Arabischen Übersetzung bzw Seite rechts angeordnet. Somit auch meine Menüleiste im Header

    Ich habe diese schon mal verschoben bzw mehr nach rechts geschoben.

    Nun würde ich Sie aber gerne mittig haben, damit Sie zum Rest der Seite passt.
    Ich habe dies damals mit einen Regler gemacht nur leider finde ich dise Einstellung nicht mehr.

    Kann mir hier bitte jemand behilflich sein?

    Vielen Dank

    • Dieses Thema wurde geändert vor 3 Monaten von welcomemgt.

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

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 16)
  • Hallo,
    ich setze Elementor nicht ein, aber wenn ich das richtig sehe, wurde die CSS-Regel für die Menüzeile wie folgt angegeben:

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

    Wenn du an der entsprechenden Stelle, z. B. unter Design > Customizer > Zusätzliches CSS die letzte Zahl änderst, kannst du das etwas „schieben“, z. B.

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

    Damit wandert die Menüzeile etwas nach rechts. Aber ideal ist das sicher nicht.
    Vielleicht kennt ja jemand, der hier mit OceanWP und Elementor arbeitet, den „Regler“.
    Viele Grüße
    Hans-Gerd

    Thread-Ersteller welcomemgt

    (@welcomemgt)

    Hallo

    da ich sehr sehr neu in WordPress finde ich leider unter Design> Customizer> den Button Zusätzliches CSS nicht.

    Kann es sein das er durch die Installation eines Plugins woanders ist?

    Vielen Dank

    Hallo,
    das kann ich dir leider nicht sagen, weil ich Elementor nicht einsetze.
    Viele Grüße
    Hans-Gerd

    Moderator Bego Mario Garde

    (@pixolin)

    Vielleicht hilft das hier:

    Screenshot Einstellungen

    Moderator Angelika Reisiger

    (@la-geek)

    Die Website ist unter dem oben eingetragenen URL nicht erreichbar.

    Moderator Bego Mario Garde

    (@pixolin)

    Ja, da fehlt ein „a“ und im Profil ist es auch falsch geschrieben.
    Gemeint ist wohl https://welcome-management.de/

    Moderator Angelika Reisiger

    (@la-geek)

    @pixolin
    Danke.

    @welcomemgt

    Du scheinst den Code von @hage ja mittlerweile eingetragen zu haben, allerdings mit 100px statt 150px? Auf jeden Fall ist ein entsprechender Wert im CSS enthalten.

    Falls du es eingetragen hast, kannst du das wieder löschen.

    So oder so: Den folgenden Code ganz ans Ende der „Zusätzlichen CSS“ (Customizer) eintragen (habe dort sicherheitshalber das Padding noch einmal auf 0 gesetzt):

    #site-header-inner {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    Hallo @la-geek,
    das war nicht der Code von mir, sondern ich hatte das nur im Source gefunden, als ich mir das angesehen habe. Vermutlich ist das also irgendwo bereits eingetragen, aber eben nicht von @welcomemgt.
    Viele Grüße
    Hans-Gerd

    Moderator Angelika Reisiger

    (@la-geek)

    @hage stimmt 🙂

    Leider werden Vorschläge erst gar nicht ausprobiert oder angenommen, sondern die width einfach nur auf 900px gesetzt, was alles in 2 Reihen verschiebt und bei schmalerem Viewport sogar auf 3 Reihen aufteilt. Wieso dann überhaupt hier nachgefragt wird … ?

    Guten Morgen @la-geek,
    da frage ich mich auch, warum wir zu dritt (!) uns hier Gedanken zu einem Problem machen, das gar nicht unser Problem ist, während der Schreiber dieses Themas (@welcomemgt) noch nicht mal unsere Vorschläge umsetzt, geschweige denn darauf antwortet. 🤔
    Viele Grüße
    Hans-Gerd

    Thread-Ersteller welcomemgt

    (@welcomemgt)

    (@la-geek
    Sorry für den tipp Fehler in meiner URL

    @hage
    Ich habe die Einstellung wie Sie bereits in meinem ersten Post geschrieben habe nun gefunden.

    Allgemeine Optionen > Allgemeine Einstellungen > Ansicht Stil > Breit Hauptcontainer
    Hier habe ich den Wert auf 1000 gesetzt vorher war ich auf 900 und hat alles verschoben.

    Ich danke euch aber sehr das ihr hier mir Hilft. Das hier ist für mich hier alles Neuland.

    Ich gebe mir selbstverständlich mühe offene Fragen vorher zu googlen.
    Nur wenn ich leider gar nicht weiterkomme..
    Versuche ich mich hier bei den Profis

    Vielen Dank

    Manuel

    Hallo,
    na das ist alles kein Problem, wenn wir hier sehen, dass du versuchst, die Lösungsvorschläge von uns zu berücksichtigen.
    Sonst teste doch mal bitte den Lösungsvorschlag an der genannten Stelle von @la-geek:

    #site-header-inner {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    Das dürfte die bessere Lösung sein.
    Übrigens verwenden wir hier, wie in Open-Source-Communities üblich, das respektvoll gemeinte „du“.
    Viele Grüße
    Hans-Gerd

    Moderator Angelika Reisiger

    (@la-geek)

    Das wurde jetzt eingebaut.

    padding: 0 greift leider nicht, daher bitte diesen Code nehmen:

    #site-header-inner {
        padding: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    Wieso fehlt plötzlich das Suchen-Icon, bzw. die Funktion Suchen? Das wäre mit obigem Code auch abgedeckt gewesen.

    Thread-Ersteller welcomemgt

    (@welcomemgt)

    Guten Morgen,

    ich habe es nicht gewusst das mein den Code wie @la-geek schrieb einfach unten anhängen kann.

    Hab den Code nun eingefügt und es sieht genauso aus wie ich es mir vorgestellt habe.
    Klasse freut mich wirklich sehr.

    Vielen Dank zusammen

    Moderator Angelika Reisiger

    (@la-geek)

    @welcomemgt

    Du solltest den neuen Code nehmen
    https://de.wordpress.org/support/topic/menueleiste-im-header-zentrieren/#post-99340

    dann kannst du auch die Suchenfunktion wieder aktivieren.

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 16)