Bandeau du header cache le contenu de ma page Résolu/Fermé

Question

Bonjour,

Je met en place un wordpress pour une association (Honduras Croissance) et je rencontre une difficulté :

Lorsque je fait un lien interne à la page (via une ancre), le bandeau du header cache le contenu de ma page.

Voici des screenshots pour illustrer mon problème :

Je clique sur "construction d'école" 


J'atterrit au milieu du paragraphe de "construction d'école"


Le site est hébergé à : http://s738185934.onlinehome.fr/HondurasCroissance/1/
Le thème s’appelle Charitas Lite et une démo est trouvable à cette adresse : https://themes.wplook.com/?themename=charitas

Je suis preneur si vous avez des solutions.

Merci d’avance,
Je reste à votre disposition pour plus d’informations,

jordane45 · Answer

Bonjour,

Sans trop avoir regardé... je pense qu'un Javascript qui ferait "remonter" ton scroll de quelques px (la hauteur du header) ferait l'affaire.

ou sinon avec du css et le selecteur "target"
https://css-tricks.com/on-target/

div:target {
  padding-top: 65px; 
  margin-top: -65px;
}

swopyl · Answer

Merci mais le thème utilise beaucoup de JavaScript (du jQuery) pour gérer le scroll et c'est super galère à changer. 

Je vais créer une page par type de contenu au lieu de faire tout sur une page.

Bref, affaire résolue.

Bandeau du header cache le contenu de ma page

2 réponses

Discussions similaires