Taille d'image en background

Bonjour,

J'ai mis une image de fond dans le bandeau de mon site internet : https://gite-tigoudoul.bzh. L'image est affichée correctement sur l'écran de mon ordi. Sur un mobile on ne voit pas l'image dans son intégralité mais juste le bébé et les jambes de sa maman. Or j'aimerais que l'image soit affichée dans son intégralité quelque soit la taille de l'écran.
Merci pour votre aide.
Marie

Bonjour gite-tigoudoul,

Si tu veux que ton image soit affichée en intégralité quelque soit la résolution tu dois changer la propriété background-size.

background-size: contain;

Merci pour cette solution. C'est déjà beaucoup mieux.
En format mobile l'image est tronquée sur le haut ce qui n'est pas le cas sur l'écran de l'ordi. Désolée, je suis une bille en css. Merci encore.

Ah, sur tablette l'image est coupée en 2 dans sa hauteur. On ne vois que le bas.

Oui car ta balise header.header_area est au-dessus de la section.home-banner-area car elle est en absolute donc plus dans le flux de la page.

Effectivement si je place header.header_area en-dessous de section.home-banner-area l'image se comporte comme je le souhaite. Par contre je na vois plus ni le logo ni le menu.