Jekyll Advance Docs

v1.1 Old Version All Versions


This theme has a versatile header that can be fixed, animated on scroll, transparent (over images and backgrounds) and inverted. By default the header is fixed and will animate on scroll.

Fixed header

# _config.yml
    header_fixed: true

Animate on scroll

As long as the header has the class header-fixed or header_fixed = true is enabled in the _config.yml it will animate on scroll, changing the background from transparent to white and adding a boxshadow.

Transparent header

If you want the header to be transparent over the top of an image or background color then the header must have a class of header-transparent. You can add this class to the header on a per page basis by editing a pages front-matter.

For example let’s make the header transparent on the Digital Marketing service page.

# collections/_services/
header_classes: 'header-transparent'