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”
<menubar position="top"> <brand title="ComboStrap Home"> <icon name="logo.svg" /> ComboStrap (Beta) </brand> </menubar>
For a complete and detailed instruction, see How to create a top menu bar?
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.