Header auf bestimmten Seiten verkleinern

Zitat von juuhuu

1. ich möchte den Header nur auf der Seite "Home" so groß haben - wenn man dann auf weitere Menüpunkte kommt soll er sich verkleinern ... (kenn mich mit php leider wenig aus und habe keine Ahnung wie das funktionieren soll :-()

Kein PHP - CSS. Durch die Funktion https://developer.wordpress.org/reference/functions/body_class/ werden dem body Klassen verpasst, über die man sowas lösen kann. Die Startseite hat z.B. immer "home", eine normale Seite "page", ein einzelner Beitrag "post", eine Übersicht "archive". Damit kommen wir beispielsweise zu:
.archive .nivoSlider, .page .nivoSlider, .single .nivoSlider {height:200px;} - womit dem Slider auf archive, page und single eine Höhe von 200 Pixeln zugewiesen wird (diesen Wert ggf. anpassen).
Sieht so aber noch nicht schön aus, weil damit nur der oberste Teil des Bildes noch zu sehen ist... also erweitern um z.B.:
.archive .nivoSlider img, .page .nivoSlider img, .single .nivoSlider img {top: 50%; transform: translateY(-50%);}
- um das Bild vertikal zu zentrieren.

Edit: die Auswahl gänge natürlich noch etwas eleganter mit "body:not(.home) .nivoSlider {height:200px;}".

Zitat von juuhuu

2. toll wäre es, wenn ich beim Auswählen eines Menüpunkts, nicht direkt am Anfang der Website, sondern beim Inhalt landen würde - ansonsten wird das zu einem regelrechten "Scrolldebakel")

Ich verstehe den Gedanken dahinter, aber das wäre ein sehr ungewohntes Seitenverhalten - würde ich nicht machen. Wenn der Slider nicht mehr so hoch ist, ists ja auch mit dem Scrollen nicht mehr so schlimm.

Zitat von juuhuu

Allerdings ein kleines Problem: In der mobilen Ansicht bleibt der Slider zwar klein, allerdings rutscht der Inhalt nicht hoch - wie kann ich das vernünftig lösen? LG Julia

Der Inhalt kann nicht "hochrutschen", weil der Slider nun eine feste Höhe hat - auch wenn man die so nicht sieht, da die Bilder immer kleiner werden und somit Leerraum entsteht, aber er hat nunmal die feste Anzahl Pixel Höhe.

Man könnte versuchen mit Prozentwerten zu frickeln, davon bin ich allerdings kein Fan, weil die gerne mal von Browsern unterschiedlich interpretiert werden.

Sicherer wäre es, Mediaquerys zu verwenden - als kurzes Beispiel, anstatt dem festen Pixelwert an Höhe:

body:not(.home) .nivoSlider {height:50px;}
Media only screen and (min-width : 320px)
{body:not(.home) .nivoSlider {height:90px;}}
Media only screen and (min-width : 480px)
{body:not(.home) .nivoSlider {height:120px;}}
Media only screen and (min-width : 768px)
{body:not(.home) .nivoSlider {height:160px;}}
Media only screen and (min-width : 992px)
{body:not(.home) .nivoSlider {height:220px;}}
Media only screen and (min-width : 1200px)
{body:not(.home) .nivoSlider {height:263px;}}

Typische Breakpoints, allerdings von den Zahlen her nicht feinjustiert, das würde ich dann doch Dir überlassen ;-)