Inserting Overlay Content Into Header
Summary
I want to add overlay content to the header, specifically to overlay on top of the Header Image.
Details
I have written the HTML/Liquid and SCSS and it all works when I test it outside of the site build, but I wanted to know how to add this overlay content into the header of all pages using the _masthead.html. The goal is to insert a widget of sorts with variable content.
The Files
The repository can be found here, and the individual components are:
Inserting Overlay Content Into Header
Summary
I want to add overlay content to the header, specifically to overlay on top of the Header Image.
Details
I have written the HTML/Liquid and SCSS and it all works when I test it outside of the site build, but I wanted to know how to add this overlay content into the header of all pages using the
_masthead.html. The goal is to insert a widget of sorts with variable content.The Files
The repository can be found here, and the individual components are:
_masthead.htmlbutton-preview.htmlheader-widget_preview.html_header-button.scss_header-widget.scss_header-widget.liquid