Fixed Header

Customization	Reference
HTML selector	🔧 [data-arts-component-name="FixedHeader"]
Component source	📄 HTML/js/components/FixedHeader.js
Component source (gulp)	📄 SOURCE/components/fixedHeader/FixedHeader.js

Default Options

defaults: {
  matchMedia: '(min-width: 576px)'
}

HTML Markup

<div
  class="js-fixed-header"
  data-arts-component-name="FixedHeader"
  data-arts-component-options="{}"
>
  <div class="js-fixed-header__fixed-wrapper">
    <h1>Fixed Header</h1>
  </div>
  <div>Rest content</div>
</div>