# Anpassung der Navigation

**URL:** <https://forum.shopware.com/t/anpassung-der-navigation/101505>\
**Category:** Themes & Design\
**Created:** [8. Oktober 2023 um 14:33 UTC](https://forum.shopware.com/t/anpassung-der-navigation/101505 "2023-10-08T14:33:29Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dalenger](https://avatars.discourse-cdn.com/v4/letter/d/ba9def/32.png) [@dalenger](https://forum.shopware.com/u/dalenger)\
**Post date:** [8. Oktober 2023 um 14:33 UTC](https://forum.shopware.com/t/anpassung-der-navigation/101505/1 "2023-10-08T14:33:29Z")

</div>

Hallo zusammen,

ich benötige Hilfe bei der Anpassung der mobilen Ansicht meiner Shop-Navigation. Im Anhang finden Sie zwei Screenshots zur Veranschaulichung:

- **Rot markiert** : Die aktuelle Ansicht
- **Grün markiert** : Die gewünschte Ansicht

Wie kann ich die Navigation so anpassen, dass sie der grün markierten Version entspricht? Jede Hilfe oder Anleitung wäre sehr willkommen.

 ![Bildschirmfoto 2023-10-08 um 16.32.05](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/7/1/7124421c54489d28a4998b41e5fac517bd35253a.jpeg)

Vielen Dank im Voraus!

---

<div class="post-metadata">

**Author:** ![cmichael](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/cmichael/32/17810_2.png) [@cmichael](https://forum.shopware.com/u/cmichael)\
**Post date:** [8. Oktober 2023 um 16:08 UTC](https://forum.shopware.com/t/anpassung-der-navigation/101505/2 "2023-10-08T16:08:59Z")

</div>

SCSS anpassen oder Twig-Template der Navigation oder beides. In deinem Child-Theme.

---

<div class="post-metadata">

**Author:** ![dalenger](https://avatars.discourse-cdn.com/v4/letter/d/ba9def/32.png) [@dalenger](https://forum.shopware.com/u/dalenger)\
**Post date:** [8. Oktober 2023 um 17:02 UTC](https://forum.shopware.com/t/anpassung-der-navigation/101505/3 "2023-10-08T17:02:12Z")

</div>

Hättest du eine Idee in welcher Datei ich was anpassen muss, oder kann. Ich bin für jeden Tipp dankbar.

---

<div class="post-metadata">

**Author:** ![cmichael](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/cmichael/32/17810_2.png) [@cmichael](https://forum.shopware.com/u/cmichael)\
**Post date:** [10. Oktober 2023 um 08:38 UTC](https://forum.shopware.com/t/anpassung-der-navigation/101505/4 "2023-10-10T08:38:44Z")

</div>

Etwa so ganz grob für Anpassung des Twig Templates:

Suche dir eine nahe gelegene css Klasse. Durchsuche damit dein Child-Theme um das verantwortliche Twig Template zu finden (dateiweite Suche in deinem Child-Theme). Wenn dort nichts ist, durchsuche dein Haupttheme. Kopiere das Twig-Template in dein Child-Theme. Bereinige das Twig-Template, indem du nur den Block lässt, den du anpassen willst. Passe den Block an. Kompiliere das Theme neu und lösche den Cache.

Einfach ein bissl Code anpassen … da muss ich dich enttäuschen … diese Zeiten sind vorbei 😉

---

<div class="post-metadata">

**Author:** ![dalenger](https://avatars.discourse-cdn.com/v4/letter/d/ba9def/32.png) [@dalenger](https://forum.shopware.com/u/dalenger)\
**Post date:** [10. Oktober 2023 um 17:39 UTC](https://forum.shopware.com/t/anpassung-der-navigation/101505/5 "2023-10-10T17:39:32Z")

</div>

Danke für deine Hilfe, ich habe es jetzt wie folgt mit einem CSS gelöst:

@media screen and (max-width: 775px) {  
.header-logo-col {  
flex: 0 0 auto !important;  
width: 32% !important;  
}  
}

Wir bauen hier unseren Shop auf [https://ib-lenhardt.com](https://ib-lenhardt.com/product-testing/electromagnetic-compatibility)