"Nature Theme" - Anpassung Farbe Unternavigation für Mobile/Ipad Ansicht

[claudiacarolina]

Hallo zusammen

Ich verwende das "Nature Theme" 4.13 und es geht um folgende Webseite: https://geologieundgebirge.ch/

Ich habe Farbanpassungen gemacht in der Navigation und in der Unternavigation. In der PC Ansicht ist alles super.

Doch sobald die Navigation nicht mehr in der PC-Ansicht angezeigt wird, sondern man auf die 3 Striche oben rechts klickt, dann brauche ich für die Unternavigation eine andere Farbe, weil man sie sonst nicht sehen kann...

Im costum.scss konnte ich die Farbe für die Unternavigation ändern:

.mod_navigation.navbar .navbar-dropdown a {
  color: #363636;
}

Doch eben - ich brauche für die Unternavigation in der PC-Ansicht eine andere Farbe als für die Ansicht in Ipad/Kindle/Mobil.

Könnt ihr mir da weiterhelfen?

Vielen Dank und beste Grüsse
Claudia

[derRenner]

Hallo,

der Background wird über die media-queries gesetzt.
z.B.

  @media screen and (min-width: 1024px) {
.navbar-dropdown {
  background: linear-gradient(to top, white calc(100% - 20px), rgba(255, 255, 255, 0) 100%);
}
}

du kannst durch eigene media-queries den Hintergrund oder die Schriftfarbe auch für mobile setzen.

Oder du verwendest .navbar-dropdown.active ... das .active wird wohl nur in mobile gesetzt.

[claudiacarolina]

Danke sehr! Mit diesen Angaben habe ich es geschafft!

Hallo,

der Background wird über die media-queries gesetzt.
z.B.

  @media screen and (min-width: 1024px) {
.navbar-dropdown {
  background: linear-gradient(to top, white calc(100% - 20px), rgba(255, 255, 255, 0) 100%);
}
}

du kannst durch eigene media-queries den Hintergrund oder die Schriftfarbe auch für mobile setzen.

Oder du verwendest .navbar-dropdown.active ... das .active wird wohl nur in mobile gesetzt.