header background image

I decided to go through the course Simple Site Design with FSE which is answering that question and several other basics. The high-level answer is that you need to choose a block pattern you like and modify it.

Thank you, CLGolden,
Your suggestion got me to look at the patterns – I also went through the course but it didn’t lead me to the solution.
The answer was using a cover image. That had never seemed to me to be the solution, but it is.
I am now struggling to get the header to look like I want, clean and compact and attractive. Then on to the contents part …

I managed it with trial and error: In the header, add a “cover image” block and move it to the top with the little arrow in the toolbar that appears when you selected it. Then click on the text and delete it (three dots / remove). Then add blocks (groups, rows, menus etc) on top until you get the layout you want — see the structure of the existing header as reference…

• This reply was modified 2 years, 8 months ago by timoelliott.

Steps I followed:
On Site Dashboard, select “Appearance -> Editor (beta)”
Click on the header block to select the header, um, block.
Then Click on the image within the header.
Right-menu will appear and a floating style menu will also appear.
I used the “replace” button.

My question is what is an ideal size for a header image? My old ones are too small.

Try at least 1920 px wide