Twenty Seventeen Menü formatieren

Sollte auch gehen. Teste mal...

.page-id-134 .navigation-top .wrap,
.page-id-136 .navigation-top .wrap {
  display: none;
}

Wäre gut, wenn du auch bekannt geben würdest, was du nachgebessert hast. Vielleicht hat irgendwann jemand das gleiche Problem und freut sich dann, wenn er hier eine 'vollständige' Lösung findet.

Schau mal im Post #11... da sollte die Lösung für den Hintergrund schon drin stehen.
Außerdem kannst du im CSS jede deiner Seiten individuell ansprechen, wenn du jeweils die Page ID... .home... .page-id-134....
.page-id-136... als Selektor auswählst. Die Änderungen wirken dann zuverlässig nur auf der angesprochenen Seite.
so könntest du auch einem passenden Container ein Hintergrundbild geben, welches nur auf der angesprochenen Seite vorhanden ist.

Erhöhe mal den z-index von der TopNav... die scheint (zumindest der ober Bereich) in der Ebene 'unter' dem 'site-branding' zu liegen...

.navigation-top {
  z-index: 10;
}

oder bei Bedarf auch >10.

Versuche es mal so...

.page-id-136 .custom-header
.page-id-134 .custom-header {
   background-image: url("http://johnpetrucci.de/WordPress2018/wp-content/uploads/2018/11/background.jpg";
   background-repeat: no-repeat;  
   background-size: cover;
}

Das sind doch posts, soviel ich auf meinem Minidisplay (on tour) sehe - ??

Bin verwirrt... da sind doch Hintergrundbilder bei Impressum und Datenschutz!

Ja... aber das ist kein Hintergrundbild, sondern ist das im Theme eingestellte Header-Bild... da wirst du (allein) mit CSS nicht wirklich was machen können.
Ich weiß auch nicht, ob du bei Twenty Seventeen Headerbilder individuell für einzelne Seiten unterschiedliche Bilder einstellen kannst.
Aber vielleicht kennt sich hier ja jemand mit dem Theme besser aus und kann spontan sagen...so geht's.

Sollte das nicht möglich sein, kann ich dir nur eine Bastellösung anbieten:

.page-id-136  #wp-custom-header img,
.page-id-134  #wp-custom-header img {
  opacity: 0;
}
.page-id-134 #wp-custom-header {
  background-image: url('...dein Bild für .page-id-134...');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:  100%;
  height: 100%;
}
.page-id-136 #wp-custom-header {
  background-image: url('...dein Bild für .page-id-136...');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:  100%;
  height: 100%;
}

... allerdings ohne Gewähr... ob es davon irgendwelche unerwünschten Nebenwirkungen gibt, musst du gründlich testen.
Da es sich aber nur um ein paar Zeilen Code im zusätzlichen CSS handelt, kann man die Änderung ja mit wenigen Klicks risikolos wieder löschen.

Das liegt daran, dass sich das Bild in seinen Dimensionen an die verfügbare Breite anpasst. Bedeutet, wenn du eine schmalere Anzeige zB von 1000px auf 500px einstellst, dann wird dein Bild von 1000x500 auf 500x250 runterskaliert... der umgebende Container behält aber seine Höhe bei und nun deckt das Bild nicht mehr den ganzen Hintergrund aus.
Am einfachsten wäre es, wenn du deinem Bild mehr Höhe gibst, so dass es auch beim runterskalieren noch den Container ausfüllt.
So wie es jetzt ist, ist dein Bild 1920x350 ... versuche mal 1920x750.
Gäbe auch noch CSS Lösungen, die hätten aber seltsame Verzerrungen (Verschiebungen) des Bildes zur Folge.
Die Stelle, an der in deinem Code/CSS die Höhe des Containers (auch die könnte man ja reduzieren, damit es passt) formatiert wird, kann ich auf die Schnelle nicht finden - ist bei diesem WP-Code-Gewusel auch nicht so einfach, weil alles irgendwie alles andere beeinflusst.