Fixer le header en haut

Bonjour,
je souhaite fixer le header en haut afin que si on scrolle, celui-ci reste visible. Ca n'est pas prévu par le thème (Sydney). Une recherche m'a donné ce lien : https://wpfr.net/support/sujet/fixer-le-header-en-haut/
En utilisant ce lien, j'ai mis le CSS suivant :

Code:

---

1 2 3 4 5 6 7

.header-image { /*height:365px;*/ position:fixed; width:100%; top:0; background: url(«wp-content/uploads/2022/10/Entete1920x410.png ») repeat scroll 0 0 rgba(0, 0, 0, 0)!important; }

---

Mais le résultat a des défauts : https://pasdpanique.fr/
Certes, le header est fixe, mais on le cache partiellement. Comment faire pour que le contenu reste en-dessous du header ?

rajoute un div space vide en haut de la hauteur voulue qui lui ne sera pas en fixed
ou un margin-top à .entry-content de la hauteur voulue

comme conseillé, j'ai fait :

Code:

---

1 2 3

.entry-content{ margin-top:7em; }

---

Du coup, au départ, on ne cache plus le header, mais si on scrolle, au lieu de rester dessous, le contenu passe par dessus. Comment l'éviter, STP ?

J'ai trouvé :)
z-index:5;//valeur élevée