Navigation

[Rolf B]

Hallo Barksalot,

nenn Dich doch einfach... "Bernd" 😂

Das Springen des Button geht weg wenn Du ihm bspw. eine feste width und line-height gibst (z.B. 5.5em Breite und 1.2em line-height).

Das Outline solltest Du dem Button keinesfalls sperren, das macht eine Tastaturbedienung sehr schwer.

Mittige Menüpunkte...

Meinst Du vertikal? Verteile deinen margin-top auf -top und -bottom. Oder setze den vertikalen Margin auf 0 und steuere die Abstände über das padding des li Element.

Meinst Du horizontal? Gib im @media-Block für Mobilgeräte den a Elementen eine feste Breite (z.B. 10em oder 12em) und setze auto für margin-left und margin-right.

Ich habe mir den Rest der Styles jetzt nicht angeschaut. Ob man Dinge mit margin am Kind oder padding am Parent löst, kommt auch immer auf das Umfeld an. Bei Dir musst Du die Positionen ohnehin tunen, je nach dem, ob der @media Selektor zuschlägt.

Rolf