Top navigation bar made simple

Undraw My Documents


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)

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:

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.

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Recommended Pages
Spacing Margin Padding
ComboStrap Styling - Spacing (Margin, Padding)

spacing is the definition of the margin and padding between block component where: margin is a transparent space outside the box (not filled with the background color) padding is the space inside...
Undraw My Documents
ComboStrap UI - Menu bar

A menubar is an horizontal navigational bar with links and dropdown menu that should be used in the page header. The start of the menubar. The brand. You can also put your logo icon Collapse...
Undraw My Documents
Outline (Heading Hierarchy)

Configuration and usage of the outline in Combostrap
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion

Task Runner