Largeur de Header sur tablette et mobile

Bonjour,

Le header de mon site qui, sur écran, prend toute la largeur de la fenêtre.
Je lui ai juste donné une hauteur.


Sur ordi pas de soucis mais sur tablette ou mobile
le problème provient du wrapper:
---Si je définis une width: alors mon problème apparait et le header (ainsi que le footer) voit leur largeur rognée sur la partie droite.

Voici l'exemple sur codepen

Note:
-le design est volontairement basique.
-la visualisation de ce problème se fait sur une fenêtre de redimensionnement (FF)


Merci pour vos réponses.

J'ai trouvé l'erreur qui provenait de mon footer.

Bonsoir,
ton header et ton footer font par défaut 100% de la page alors que ton wrapper lui fait 1200px, donc quand la page fera moins de 1200px de large le scroll horizontal fera apparaitre un blanc à droite de ton header et footer.

@NoSmoking : Posté en même temps.:ccool:

J'aimerai bien voir l'écart de temps.

Merci d'avoir cherché.

Citation:

---

J'aimerai bien voir l'écart de temps.

---

d'après des sources autorisées l'écart est de peu :mrgreen:

Penses au bouton :resolu: avec une petite explication sur cette résolution, cela peut toujours aider.