# Main Navigation Font Size

**URL:** https://forum.shopware.com/t/main-navigation-font-size/58252
**Category:** Themes & Design
**Created:** [26. Februar 2019 um 08:06 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252 "2019-02-26T08:06:35Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Razfaz](https://avatars.discourse-cdn.com/v4/letter/r/d9b06d/32.png) [@Razfaz](https://forum.shopware.com/u/Razfaz)
#### Post date: [26. Februar 2019 um 08:06 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/1 "2019-02-26T08:06:35Z")

</div>

Hallo,

wie bekomme ich diie Schrift in der oberen Naviagtion (dort wo auch "Startseite etc. liegt) kleiner?

Habe bisher folgendes gemacht:

1. in meiner all.less (/httpdocs/meintheme/themes/Frontend/meintheme/frontend/\_public/src/less) &nbsp;=&nbsp;

2. in meiner&nbsp;&nbsp;main-navigation.less (/httpdocs/meintheme/themes/Frontend/meintheme/frontend/\_public/src/less/\_modules) =

Danach den Cache geleert, doch leider hat das nichts gebracht. Wo liegt mein Fehler?

&nbsp;

---

<div class="post-metadata">

### Author: ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)
#### Post date: [26. Februar 2019 um 08:12 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/2 "2019-02-26T08:12:35Z")

</div>

Hallo Razfaz

wahrscheinlich **Theme kopilieren / Theme zuweisen** vergessen

---

<div class="post-metadata">

### Author: ![Razfaz](https://avatars.discourse-cdn.com/v4/letter/r/d9b06d/32.png) [@Razfaz](https://forum.shopware.com/u/Razfaz)
#### Post date: [26. Februar 2019 um 08:24 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/3 "2019-02-26T08:24:27Z")

</div>

Habe ich gemacht

---

<div class="post-metadata">

### Author: ![Razfaz](https://avatars.discourse-cdn.com/v4/letter/r/d9b06d/32.png) [@Razfaz](https://forum.shopware.com/u/Razfaz)
#### Post date: [26. Februar 2019 um 08:28 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/4 "2019-02-26T08:28:03Z")

</div>

Was mich wundert ist, das mit wenn ich mir die aktuellen Elemente in Chrome angucke folgendes steht:

```
@media screen and (min-width: 48em)
.navigation-main .navigation--link {
    -webkit-transition: none;
    transition: none;
    padding: 8px 14px 8px 14px;
    padding: .5rem .875rem .5rem .875rem;
    font-size: 16px;
    font-size: 1rem;

```

Wobei Font-size 16px; durchgestrichen ist. Er zieht sich also das 1rem.

---

<div class="post-metadata">

### Author: ![shopyphus](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@shopyphus](https://forum.shopware.com/u/shopyphus)
#### Post date: [26. Februar 2019 um 08:41 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/5 "2019-02-26T08:41:28Z")

</div>

Schaust du dir die Seite auch in einer passenden Browsergröße (kleiner als Tablet) an?

Außerdem sollte die Größe so gesetzt werden:

```
.unitize(font-size, 12);

```

&nbsp;

---

<div class="post-metadata">

### Author: ![Razfaz](https://avatars.discourse-cdn.com/v4/letter/r/d9b06d/32.png) [@Razfaz](https://forum.shopware.com/u/Razfaz)
#### Post date: [26. Februar 2019 um 08:49 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/6 "2019-02-26T08:49:19Z")

</div>

Habe das mal rausgenommen:

```
@media screen and (min-width: 48em)

```

Die komplette&nbsp;main-navigation.less sieht nun so aus:

```
/* Header – Navi – Link-Textgröße */

.navigation-main .navigation--link {
    .unitize(font-size, 12);

}

```

Da ändert sich aber trotzdem nix.

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [26. Februar 2019 um 09:05 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/7 "2019-02-26T09:05:42Z")

</div>

wenn’s gar nicht will:

```
.navigation-main .navigation--link {
  font-size: 12px !important;
}

```

&nbsp;

---

<div class="post-metadata">

### Author: ![Razfaz](https://avatars.discourse-cdn.com/v4/letter/r/d9b06d/32.png) [@Razfaz](https://forum.shopware.com/u/Razfaz)
#### Post date: [26. Februar 2019 um 09:26 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/8 "2019-02-26T09:26:21Z")

</div>

Nee, leider auch nicht…

---

<div class="post-metadata">

### Author: ![Razfaz](https://avatars.discourse-cdn.com/v4/letter/r/d9b06d/32.png) [@Razfaz](https://forum.shopware.com/u/Razfaz)
#### Post date: [26. Februar 2019 um 09:28 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/9 "2019-02-26T09:28:35Z")

</div>

Jetzt hat es doch geklappt

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [26. Februar 2019 um 09:33 UTC](https://forum.shopware.com/t/main-navigation-font-size/58252/10 "2019-02-26T09:33:39Z")

</div>

Dann stimmt etwas bei dir nicht. Kannst du sehen ob deine LESS überhaupt eingebunden wird? Ist dein Theme überhaupt aktiv?

Ich habe das eben in einem Testshop mal kurz nachgestellt und geht wunderbar.
