ComboStrap - Fixed top Menu

About

A fixed-top menu or fixed-top header is a UI region that stays located at the top of your page even when you scroll the content down. ComboStrap implements it via the menu bar.

How to configure a fixed-top menu ?

Create a menu bar with the option position=“top”

Minimal Example:

<menubar position="top">
<brand title="ComboStrap Home">
<icon name="logo.svg" />
ComboStrap (Beta)
</brand>
</menubar>

For a complete and detailed instruction, see Top menubar

Features

A fixed-top menu bar gives a great experience but is difficult to implement because they needs some extra styling in order to relocate:

• the top location of the page
• the location of the outline headings.

Without this changements, a navigation via a link to an heading would land below the fixed-top menu and will then cache the heading.

ComboStrap is fixed-top menu ready, no extra steps needed.