Hugo Advance Docs

Header

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.toml

[params]
    enable_fixed_header = true # if true the header will be sticky and animate on scroll

Animate on scroll

Setting enable_fixed_header = true in the config.toml will enable 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 add header_transparent: true to the pages front-matter.

# content/en/services/_index.md
---
title: "Services"
...
header_transparent: true
---