Menüleiste im Header zentrieren | WordPress.org Deutsch

Gelöst welcomemgt
(@welcomemgt)

vor 3 Jahren, 3 Monaten
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 Jahren, 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)

1 2 →

Moderator Hans-Gerd Gerhards
(@hage)

vor 3 Jahren, 3 Monaten
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
- Diese Antwort wurde geändert vor 3 Jahren, 3 Monaten von Hans-Gerd Gerhards.
Thread-Starter welcomemgt
(@welcomemgt)

vor 3 Jahren, 3 Monaten

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

Moderator Hans-Gerd Gerhards
(@hage)

vor 3 Jahren, 3 Monaten

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

Moderator Bego Mario Garde
(@pixolin)

vor 3 Jahren, 3 Monaten

Vielleicht hilft das hier:

Moderator Angelika Reisiger
(@la-geek)

vor 3 Jahren, 3 Monaten

Die Website ist unter dem oben eingetragenen URL nicht erreichbar.

Moderator Bego Mario Garde
(@pixolin)

vor 3 Jahren, 3 Monaten

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)

vor 3 Jahren, 3 Monaten
@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;
}
```
Moderator Hans-Gerd Gerhards
(@hage)

vor 3 Jahren, 3 Monaten

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)

vor 3 Jahren, 3 Monaten

@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 … ?

Moderator Hans-Gerd Gerhards
(@hage)

vor 3 Jahren, 3 Monaten

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-Starter welcomemgt
(@welcomemgt)

vor 3 Jahren, 3 Monaten

(@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
Moderator Hans-Gerd Gerhards
(@hage)

vor 3 Jahren, 3 Monaten
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)

vor 3 Jahren, 3 Monaten
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-Starter welcomemgt
(@welcomemgt)

vor 3 Jahren, 3 Monaten

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)

vor 3 Jahren, 3 Monaten

@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)

1 2 →

Das Thema „Menüleiste im Header zentrieren“ ist für neue Antworten geschlossen.

Ansichten