zeeNoble: Menü zentrieren

Hallo Leute,

Ich möchte hier mein Menü zentrieren, das Theme ist zeeNoble.

Die viel beschworene Suche hier im Forum hat leider nicht zum Ziel geführt - was ich gefunden habe, klappt nicht, bzw. sieht es bei mir ganz anders aus in der css.

In der css-Datei habe ich folgendes gefunden:

#mainnav {
    float: right;
}

Wenn ich da left einfüge, ist das Menü linksbündig, aber zentriert schaffe ich nicht. (Habe text-align: center probiert => ist wieder rechtsbündig.
Mir scheint, ich bin da an der falschen Stelle zu Gange, komme einfach nicht weiter.:?

Für einen Tipp wäre ich dankbar.

Herzliche Grüße
Sisam

Zitat von Tubedesigner

Da muss man ein bisschen tricksen...

Super getrickst! :smile:

Zitat von Tubedesigner

Ich würde das Menü etwas verkürzen, denn auf kleinen Bildschirmen verrutscht es z.T. (auch jetzt schon) in die zweite Zeile

Ich hatte das extra breit gezogen, um das rechtsbündige zentriert wirken zu lassen, hatte aber eben auch schon gemerkt, dass das so wegen unterschiedlicher Bildschirme nicht funktioniert.
So bin ich jetzt bei mir zufrieden, wie das dann auf dem uralten -fast noch quadratischen - Bürobildschirm aussieht, gucke ich mir morgen mal an.

Zitat von Tubedesigner

... bevor der Hamburger Button erscheint.

Hähhh? :confused:

erstmal Dankeschön und gut's Nächtle :)

Hallo Tubedesigner,

vielen Dank für die Aufklärung. Ich muss zugeben, ich habe verstanden, worum es Dir geht, aber nicht, was ich tun muss um nachzubessern.:roll:

Ich habe die von Dir benannten 960px in der css gefunden

/*============================ MEDIA QUERIES ============================*/


/* Small screens | <1120px */
@media only screen and (max-width: 70em) {
    #wrapper {
        width: 92%;
        margin: 4% auto;
    }
}


[COLOR=#ff8c00]/* Tablets (landscape) | <960px */[/COLOR]
@media only screen and (max-width: 60em) {
    #header {
        padding: 3em 3em 1em;
    }
    #custom-header {
        margin: 3em;
    }
    #wrap {
        border: none;
        margin: 0 3em;
        padding: 3em 0;
    }
    #content {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    #sidebar {
        clear: both;
        margin-left: 0;
        width: 100%;
        padding-top: 4em;
    }
    #logo {
        float: none;
        width: 100%;
        margin-bottom: 2em;
    }
    .widget, .type-post, .type-page, .attachment  {
        margin-bottom: 3em;
    }

... und auch ein bisschen mit der Zahl herumgespielt, hatte aber nicht das Gefühl, dass sich etwas ändert.

Ja, irgendwo an anderer Stelle etwas verändert ... habe ich sicherlich, muss ich mal schauen. :roll:

Leider habe ich im Augenblick nicht wirklich Zeit für so etwas - ich hatte gehofft, es gibt eine schnelle Lösung. :( Ich mache mich dann mal auf die Suche, wenn ich wieder ein bisschen Luft habe und melde mich dann sicherlich wieder.

Danke erstmal, Tubedesigner :)