Watch the video below for a step-by-step tutorial on how to make the header of your site match the background of your first post (Hero Image) on a site:
Below are the steps written out for you to easily follow:
1. Hover over the Design tab and click on Site Background
2. Toggle the Image switch to On.
3. Click on Add Image
4. Find and select the same image from the Hero section below the header. Click on OK to add the image to the site background.
5. Click on Save to save the Site Background Image.
6. Hover over the Design tab and click on Header.
7. Click on the Style Tab and change the Header Color and Header Opacity to match the color and opacity setting from the Hero section below the header. Click on Save.
8. Hover over the Hero section and click on Edit.
9. Click on the Style tab, scroll down and toggle the Parallax Scrolling effect to On.