have image on header instead of colour background

I forgot one thing as well regarding the header. is it possible to change the height? Where? custom CSS?

thank you very much for your help

Hi Flo. Welcome to the Hueman forum. This post may give you some ideas:
https://www.ads-software.com/support/topic/header-image-background-1?replies=9

is it possible to change the height? Where? custom CSS?

Yes, either in a child theme style.css file or a plugin like Simple CSS or Simple Custom CSS.

Thank you for your help

it is almost correct as I always margins on each side and at the bottom. for the bottom, it may be the location of the menu that I removed, isn’t it?
Please could you tell me how I reduce margin on each side and on bottom
thank you very much

(url site: https://compagnielafoliedelange.fr/)

CSS added:
‘#header {
background: url(https://compagnielafoliedelange.fr/wp-content/uploads/2016/02/bandeau-haut1-e1456370561267.png) no-repeat center top;
height: 500px;
}
/* push the header menu down */
#header .pad {
height: 500px;
}
/* reduce content margin to align with bottom of menu */
#page {
margin-top: 0px;
}

/* media queries to accomodate above changes */
@media only screen and (min-width: 720px) and (max-width: 1200px) {
#header .pad {
height: 500px;
}
#page {
margin-top: 0;
}
}
@media only screen and (max-width: 1200px) {
#header .pad {
height: 500px;
}
#page {
margin-top: 0px;
}
}’

A recommendation: when you post code it should be enclosed in tick marks using the “code” button. It makes it much easier to read and helps keep your post out of the spam filter.

As to your header, when you say “the location of the menu that I removed”, does that mean you modified the header.php file and removed the code for the menu? Also, the way you have it structured now your header image is not responsive. It’s fixed at 500px height for all views, including mobile, and the width is not adjusting for the width of the display. What you might consider is a different approach:
1. If you’ve modified header.php, delete that from your child theme so your site uses the default theme header.php file.
2. Then remove all the custom css in your child theme style.css file that pertains to #header and #page.
3. Appearance > Menus > Manage Locations, don’t select a menu.
4. Then try the approach discussed in this post.

No I did not modify the header.php, just css added and did not select any menu as you advised to me (.3).
what are you advice to me to have just my header image on top without margin or at least a very small one (2 or 3px)?

https://compagnielafoliedelange.fr/

thanks a lot

If you’re referring to the space below the image, try this css:

#header {
  padding-bottom: 0;
}