Hallo, irgendwie steh ich auf dem Schlauch. Ich möchte mein Hauptmenü (main-navigation) zentrieren. ich hab folgendes versucht in der main-navigation.less umzusetzen, wie man es von .css her kennt: .navigation-main { background: #fff; display: none; margin: 0px auto; }
Allerdings tut sich nichts. Das Menü ist immer noch links.
Hallo Matthias, nutzt du das Standard Responsive Template von Shopware? Wenn ja sollte die Navigation selbst doch schon zentriert sein. Mit deinem .navigation-main Selektor würdest du die äußere Box um die Navigation ansprechen. Die eigentliche Navigation erreichst du mit .navigation-main .container { /\* ... \*/ }
Diese ist aber wie gesagt im Standard Template bereits zentriert: Siehe Bild. Wenn du jedoch gar nicht die Navigation an sich, sondern die einzelnen Navigationspunkte, meinst dann wäre dir mit .navigation-main .navigation--list { text-align: center; }
geholfen. Viele Grüße
2 „Gefällt mir“
Vielen Dank für die schnelle Antwort, hatte es auch gerade rausgefunden. Es war das text-align: center Vielen Dank