Setup

• Header html code
• Header css code
• Search code

Types of Headers

<header homepageStyle="appear" internalStyle="fixed">

fixed - Fixed header. Always scrolls with page.

sticky - Absolute header that sticks when scroll past it.

appear - Absolute header that re-appears after scrolling the height of the screen. Can be modified in pumpkin.js.

Multi-Level Header

<div class="layered-nav">  <!-- wraps and adds to ul.nav -->

• HTML
• CSS

Mobile

<header>
    <div class="headerRow"></div>
    <div class="headerRow mobileNav"> links </div>
    <div class="headerRow mobileRow"> logo & burger </div>
</header>