# Header Menu zentrieren

**URL:** <https://forum.shopware.com/t/header-menu-zentrieren/101367>\
**Category:** Themes & Design\
**Tags:** themes--design\
**Created:** [25. September 2023 um 10:37 UTC](https://forum.shopware.com/t/header-menu-zentrieren/101367 "2023-09-25T10:37:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jajasio](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/jajasio/32/18838_2.png) [@jajasio](https://forum.shopware.com/u/jajasio)\
**Post date:** [25. September 2023 um 10:37 UTC](https://forum.shopware.com/t/header-menu-zentrieren/101367/1 "2023-09-25T10:37:19Z")

</div>

Nirgendwo finde ich Informationen wie ich das Hauptmenü in Shopware 6 zentrieren kann Kann mir jemand helfen?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [25. September 2023 um 11:50 UTC](https://forum.shopware.com/t/header-menu-zentrieren/101367/2 "2023-09-25T11:50:45Z")

</div>

Dafür gibt es keine Option.

Du musst das CSS über dein Theme, oder Plugin entsprechend anhand der CSS Klassen anpassen. Dabei aber nicht die verschiedenen Breiten von Smartphones, Tablet und Desktop vergessen.

---

<div class="post-metadata">

**Author:** ![jajasio](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/jajasio/32/18838_2.png) [@jajasio](https://forum.shopware.com/u/jajasio)\
**Post date:** [25. September 2023 um 12:23 UTC](https://forum.shopware.com/t/header-menu-zentrieren/101367/3 "2023-09-25T12:23:20Z")

</div>

Kannst du mir mit dem CSS-Code helfen?

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [25. September 2023 um 13:17 UTC](https://forum.shopware.com/t/header-menu-zentrieren/101367/4 "2023-09-25T13:17:00Z")

</div>

```auto
.nav{
  justify-content: center;
}

```

Musst dafür aber ein eigenes Theme anlegen, dass vom Standard-Theme erbt:

> **[Shopware 6 - Tutorials und FAQ - Änderungen am Template vornehmen](https://docs.shopware.com/de/shopware-6-de/tutorials-und-faq/aenderungen-am-template-vornehmen)**
>
> Hier erklären wir Dir, wie Du ein eigenes Shopware 6-Theme anlegen und Anpassungen daran, z.B. an den Dokumenten, vornehmen kannst. Das Standard-Theme sollte nicht angepasst werden, da die Änderungen bei einem Update überschrieben werden.

Oder ein Plugin, mit dem du im Admin eigenen CSS-Code hinzufügen kannst, z.B.:

> **[Individueller CSS & JavaScript Code](https://store.shopware.com/media19812422599m/individueller-css-javascript-code.html)**
>
> Fügen Sie eigenen/individuellen CSS und JavaScript Code in nur wenigen Sekunden ein. Individualisieren Sie Ihren Shop ganz nach Belieben und…

Oder gleich ein Theme verwenden, dass das im Standard schon „per Klick“ kann 😉

---

<div class="post-metadata">

**Author:** ![jajasio](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/jajasio/32/18838_2.png) [@jajasio](https://forum.shopware.com/u/jajasio)\
**Post date:** [26. September 2023 um 06:21 UTC](https://forum.shopware.com/t/header-menu-zentrieren/101367/5 "2023-09-26T06:21:32Z")

</div>

Ich habe ein Duplikat des Themes erstellt, den Code in das Plugin eingefügt und alles funktioniert! Ich danke Ihnen sehr 🙂