Sekundärnavigation zentriert

ich bekomme die Sekundärnavigation nicht zentriert. Top-Navigation wrappen hab ich an. Aber trotzdem ist es nicht mittig. ?

 

Die Classe heißt
nav navbar-nav navbar-right

und die hat unter anderem diesen css-code:

Code:

@media (min-width: 768px){
.navbar-right, #header .navbar-secondary .navbar-nav {
    float: right !important;
    margin-right: -15px;
}}

Beim kurzen Testen habe ich es aber auch nur nach links bekommen und nicht in die Mitte.

 

Moin Michaela!
Wenn ich mir deine Seite ansehe und die Sekundärzeile mit "Untersuchen" anzeigen lasse, steht da, daß die Zeile rechts ausgerichtet ist. Da sollte aber "Center block" stehen, wenn es mittig sein soll!
Ach, noch was: Deine Überschrift ist eine H3, du solltest die in H1 ändern! Auch haben einige Bilder keine Alt-Attribute!
LG
Geri

 

Barbara, wenn du statt -15 z.B. 150 eingibst, steht es ziemlich mittig!

 

Das schon, ist aber steif. wird der Bildschirm kleiner, rutscht es immer weiter nach links und das sieht nciht gut aus.
Da müsste man die Breakpoints einzeln anfassen.

 

aja, ok!

 

@Geri* und @barbara das hab ich auch schon versucht.

Nach langem Suchen und Testen.

Mit diesem Code klappt es bei mir jetzt (die 2 Klammern sind dabei) :

Code:

@media (min-width: 768px){
#topbar-container .navbar-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
}}

 

Ich hab den Fehler gefunden. 2 Klammern hab ich vergessen
Hab die 2 Klammern hinzugefügt, falls jemand den Code braucht.

 

Danke dir. Das werde ich gleich ändern.

 

Sehr cool ! Danke