Partie Header en fixed qui passe sous le body

Bonjour à tous,

Je bloque sur quelque-chose qui me prend un peu la tête depuis le début de la soirée.

Je suis en train de créer un site web avec un menu composé de liens, le tout dans une div qui possède une photo en background-image.

        <header class="header2">

            <nav class="header2-menu">

            <a href="#parcours">PARCOURS</a>
            <a href="#philosophie">PHILOSOPHIE</a>
            <a href="#galerie">GALERIE</a>
            <a href="#contact">CONTACT</a>

          </nav>
          <div class="logo">
          <a href="#accueil" class="header2-logo">Gertrude </a>
        </div>
        </header>
      </div>

<section id="parcours">
          <h2 class="subtitle heading-site">Mon parcours</h2>

          <div class="container">

          <p>Lorem ipsum dolor </p>

        </div>

        </section>

Je souhaiterais qu'au défilement, SEULEMENT la partie de ma div "logo" (le texte Gertrude) disparaisse une fois quitté la div "photo_accueil" et qu'on passe dans "parcours".

En revanche, j'aimerais que le menu composé de mes liens parcours philosophie galerie et contact subsiste.

Pour l'instant, mon menu subsiste... Mais Gertrude aussi !

Niveau CSS, j'ai mis mon header en position:fixed. J'ai ensuite essayé de passer par des z-index, mais rien ne fonctionne...

Help please?