Discussion :

[laurentSc]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[SpaceFrog]

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

[laurentSc]

comme conseillé, j'ai fait :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[laurentSc]

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