Setting a Fixed Header for Side or Top Navigation Output

When generating Side or Top Navigation output, you can fix the header portion of the topic so that it stays in place when users scroll down to see more content. For Top Navigation, you can do this for web, tablet, or mobile screens (or all of them). For Side Navigation, you can do this for web screens (or all—web, tablet, mobile).

Example Without a fixed header in Top Navigation output, a long topic might start out like this, with the search and menu items shown at the top:

When a user scrolls down, the header disappears from view:

But if you fix the header, it will continue to be visible when scrolling, like this:

How to Set a Fixed Header

  1. Open an HTML5 Side or Top Navigation skin.
  2. Select the Setup tab.
  3. In the Fixed Header field, select one of the options:
    • None The header will not be fixed in the output (Top Navigation only).
    • Web The header will be fixed on screens that are larger than tablet and mobile.
    • Tablet & Mobile The header will be fixed on tablet and mobile screens (Top Navigation only).
    • Mobile The header will be fixed on mobile screens (Top Navigation only).
    • All The header will be fixed on all screens—web, tablet, and mobile.

  4. Click Save the active file. to save your work.