Overview

Header Options

Control what appears in the top navigation bar of your documentation site.

Settings#

Setting What it does
Show header Show or hide the entire top navigation bar
Header links Custom text links in the header nav
Social links Icon links for GitHub, Twitter, Discord
Theme toggle in header Show the light/dark switcher in the header
Language selector in header Show the language switcher in the header
Search button in header Show a search icon/button in the header

How to Configure#

  1. Open your docs site.
  2. Float Widget → DesignHeader tab.
  3. Fill in fields and toggle options.
  4. Save.

Add custom navigation links that appear in the top bar — useful for linking to your product, blog, changelog, or support.

Format: Each link has a label and a URL.

Example:

Label URL
Product https://yourapp.com
Changelog https://yourapp.com/changelog
Support https://yourapp.com/support

Add icon links for your community and social presence.

Supported platforms:

  • GitHub — links to your repository or organization
  • Twitter / X — links to your Twitter profile
  • Discord — links to your community server

Social links appear as small icons in the header. They help readers find your community without cluttering the navigation with text links.


Theme & Language in Header#

You can place the theme toggle and language switcher in the header instead of (or in addition to) the sidebar.

Recommendation: Pick one location for each control to avoid duplication.

  • Header placement: more visible, less click-depth for new visitors.
  • Sidebar placement: saves header space, better for dense headers.

Sidebar options → Theming options →


Hiding the Header#

Setting Show header to off removes the entire top navigation bar.

Only do this for embed or kiosk use cases where your docs are framed inside another product. For standalone documentation sites, always keep the header visible.


Design navigation that guides your readers. Connect your GitHub repo →