This stage can get a little confusing but I hope to simplify as much as possible. The Headroom plugin requires a large amount of CSS, but unfortunately this isn’t clarified on the plugin’s homepage.

First we need a local copy of the Headroom.js script which you can download from the plugin website or from the Github repo. I’m using the minified version but they both contain the same exact code.

This business template is suited for a corporate, advertising, media, design, hosting, it company, agency, studio etc. but it can easily be used for a personal page or a portfolio.

Moving back into the HTML file open a new script tag at the very bottom before closing the body section. We need to use a large block of JS to initialize the Headroom plugin class while passing some optional parameters.