Main Navigation Font Size

Shopware 5 Themes & Design
1

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)  = 

    @import “_modules/main-navigation”;

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

    .navigation-main .navigation–link {
    font-size: 12px;

    }

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

 

2

Hallo Razfaz

wahrscheinlich Theme kopilieren / Theme zuweisen vergessen

3

Habe ich gemacht

4

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.

5

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);

 

6

Habe das mal rausgenommen:

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

Die komplette 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.

7

wenn’s gar nicht will:

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

 

1 „Gefällt mir“
8

Nee, leider auch nicht…

9

Jetzt hat es doch geklappt

10

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.