Bandeau du header cache le contenu de ma page

Résolu
swopyl Messages postés 50 Date d'inscription   Statut Membre Dernière intervention   -  
swopyl Messages postés 50 Date d'inscription   Statut Membre Dernière intervention   -
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,
A voir également:

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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;
}

1
swopyl Messages postés 50 Date d'inscription   Statut Membre Dernière intervention   2
 
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.
0