Hi tuanphan I've managed to have some success with the code you posted:
header#header {
background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
However the background image does not cover the entire header area as I would like it to, such as in this example:
Instead it only covers the main navigation area as you can see in this page I added the code to:
https://matthew-kern-drzz.squarespace.com/paintings-new
Any suggestions?
Cheers,
M.