Nature Theme - Änderung am Layout - Breadcrumb-Balken verschwindet teilweise...

[claudiacarolina]

Hallo zusammen

Hier schon mal bildlich, um welche 2 Elemente es geht:breadcrumb-beschriftet.jpg

Ich bin dabei das "Nature Theme" meinen Wünschen anzupassen. Dabei habe ich die Höhe des Balkens für die Navigation wie folgt höher gemacht:

.mod_navigation.navbar {
 height: 190px;
}

Das hat soweit funktioniert. Aber eben nicht ganz...

Es gibt ja auch noch diesen Breadcrumb-Balken. Solange man ein Headerbild verwendet, erscheint er wie gewünscht:
https://oikos.ch.zifigoxi.cyon.site/...es-layout.html

Wenn es aber kein Headerbild hat, verschwindet er:
https://oikos.ch.zifigoxi.cyon.site/datenschutz.html

Doch das soll nicht so sein, wie auch auf dieser Webseite, wo die Höhe des Navigationsbalkens nicht verändert wurde, zu sehen ist:
https://www.calculus-dyskalkuliether...tenschutz.html

Das Problem hängt also damit zusammen, dass ich den Balken für die Navigation erhöht habe... Wie kann ich es lösen?? So dass ich meinen höheren Balken behalten kann und der Breadcrumb-Balken trotzdem überall angezeigt wird, auch ohne Headerbild?

Danke, dank für eure Hilfe.
Viele Grüsse Claudia

[lucina]

Der Breadcrumb verschwindet nicht, er ist nur an einem anderen Ort ... ;-)

Ohne Headerbild fehlt da ganz einfach die Höhe. Du könntest der jeweiligen Seite eine Klasse verpassen (beispielsweise .noHeaderPic) und darauf basierend die benötigte Höhe per CSS setzen.

[bizon]

Du musst auch das padding bei #header .inside auf den gleichen Wert ändern:

body:not(.home) #header .inside {
  padding-top: 100px;
  padding-top: 190px;
}

[claudiacarolina]

Danke euch beiden.

So ganz durchblicken tue ich da nicht....

Ich habe diesen Code mal eingefügt:

body:not(.home) #header .inside {
  padding-top: 190px;
}

Das hat insofern geholfen, dass es jetzt auf den Seiten ohne Headerbild stimmt:
https://oikos.ch.zifigoxi.cyon.site/datenschutz.html

Auf der Startseite jedoch wird das Sliderbild höher angezeigt als vorher (ich konnte die erste Zeile des grünen Titels noch lesen):
https://oikos.ch.zifigoxi.cyon.site/

Und auf den den Seiten mit Headerbild stimmt es auch nicht mehr:
https://oikos.ch.zifigoxi.cyon.site/...es-layout.html

Das Bild müsste den ganzen Platz ausfüllen bis zum Breadcrumb-Balken. (Also nicht der Balken nach oben, sondern das Bild soll in der Höhe grösser sein, damit der ganze Platz ausgefüllt ist).

Könnt ihr mir da nochmals einen Tipp geben? Das wäre super...

Vielen Dank und viele Grüsse Claudia

[bizon]

Die CSS Anweisung war doch schon in deinem CSS drin!
Du hättest den nur ändern sollen. Den roten Code durch den grünen ersetzen.

Wenn ich die Seite mit dem DevTool untersuche, steht da immer noch padding-top: 100px, statt 190px.

[bizon]

Ich habe diesen Code mal eingefügt:

body:not(.home) #header .inside {
  padding-top: 190px;
}

Das musst du wieder rückgängig machen und dann lediglich die o.g. Änderung bei der bereits existierenden CSS-Regel vornehmen.

[claudiacarolina]

Die CSS Anweisung war doch schon in deinem CSS drin!
Du hättest den nur ändern sollen. Den roten Code durch den grünen ersetzen.

Wenn ich die Seite mit dem DevTool untersuche, steht da immer noch padding-top: 100px, statt 190px.

Ja.... doch in diesem Theme, dem "Natur Theme" hat man keinen Zugriff auf die Original-CSS-Datei. Solche Änderungen muss man im custom.scss regeln... :-( und eben dort habe ich den Code von dir eingefügt.

Aber danke sowieso! Viele Grüsse, Claudia

[claudiacarolina]

Hallo zusammen

Wollte nur sagen, dass nun alles gelöst ist und alles wie gewünscht stimmt.

Vielen Dank für eure Hilfe!
Claudia