# Scss / Frage zu main-navigation.scss

**URL:** <https://forum.shopware.com/t/scss-frage-zu-main-navigation-scss/91534>\
**Category:** Themes & Design\
**Created:** [17. November 2021 um 22:15 UTC](https://forum.shopware.com/t/scss-frage-zu-main-navigation-scss/91534 "2021-11-17T22:15:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![design-und-media](https://avatars.discourse-cdn.com/v4/letter/d/3bc359/32.png) [@design-und-media](https://forum.shopware.com/u/design-und-media)\
**Post date:** [17. November 2021 um 22:15 UTC](https://forum.shopware.com/t/scss-frage-zu-main-navigation-scss/91534/1 "2021-11-17T22:15:05Z")

</div>

Um eine Änderung an der Klasse „.main-navigation-menu“ vorzunehmen habe ich in  
/vendor/shopware/Storefront/Resources/app/storefront/src/scss/ nach der entsprechenden Datei gesucht.

Dort fällt auf das es zwei verschiedene Datein gibt.  
/layout/\_main-navigation.scss  
/skin/shopware/layout/\_main-navigation.scss

Nur in letzterer ist die Klasse „.main-navigation-menu“ zu finden.

Warum gibt es hier zwei verschiedene Dateien?  
Über die Base.scss wird ja nur die /layout/\_main-navigation.scss eingebunden.

Für eine Ableitung würde ich nun per @import in der base.scss meines Themes die Datei /layout/\_main-navigation.scss einbinden. Oder doch die /skin/shopware/layout/\_main-navigation.scss.  
Allerdings wird diese eben nicht über die Originale base.css eingebunden, was mich irritiert.

---

<div class="post-metadata">

**Author:** ![FFWDcc](https://avatars.discourse-cdn.com/v4/letter/f/4bbf92/32.png) [@FFWDcc](https://forum.shopware.com/u/FFWDcc)\
**Post date:** [18. November 2021 um 07:17 UTC](https://forum.shopware.com/t/scss-frage-zu-main-navigation-scss/91534/2 "2021-11-18T07:17:46Z")

</div>

Hallo,

grundsätzlich ist es ja egal wo deine eigene Klasse steht solange der Aufbau deiner SCSS Datei stimmt und diese in der base.scss eingebunden ist.  
In meinen Installationen findet sich auch in der /layout/\_main-navigation.scss die Klasse .main-navigation-menu  
Ich bin bisher allerdings immer recht gut mit dem Überschreiben der jeweiligen Klasse gefahren. Habe also kein @import für die Standard SCSS Dateien in Shopware genutzt sondern einfache meine Klasse in meinen Themes geschrieben.  
Wenn du ein komplett unabhängiges Theme erstellen möchtest würde ich dir die /layout/\_main-navigation.scss empfehlen.
