Header pattern instructions and videos can be found in Notion under Fuel6 → Header Patterns: https://www.notion.so/fueldigital/Header-Patterns-29c4bd93c52d8041bbaecaa888855afc
With the latest Fuel6 updates, implementing header patterns is now easier than ever. Because of this, I’ll only be providing one video walkthrough covering all three headers — it’s a straightforward plug-and-play process. Code examples aren’t really necessary, since they’d be identical to what’s already included in the pattern (as you’ll see in the video).
Header Pattern 1
Header 1 is the default header pattern for the theme, if you have not overwritten the header.html template part file in the parts folder, then you can simply reset the header template part to revert back to that header. If that is not an option, you can insert the Header Pattern 1 in the same way as header pattern 2 and header pattern 3.
Header Pattern 2
After inserting Header pattern 2, you’ll notice that there is a custom html block with CSS styles, go ahead and remove the style tags, then copy and paste the styles into your styles.css file under the # Header section. Back in the editor delete the custom html block and then save your header.
Header Pattern 3
After inserting Header pattern 3, you’ll notice that there is a custom html block with CSS styles, go ahead and remove the style tags, then copy and paste the styles into your styles.css file under the # Header section. Back in the editor delete the custom html block and then save your header.
You will also notice that there is cover block that needs to be moved to the home page. Copy the cover block by left clicking on the block and clicking copy, then delete the block, save the header, go to your home page and paste the cover block below the site title, once added, delete the older hero section and save your home page changes.