ComboStrap Getting Started - Creation of a top menu bar


The strap template supports the creation of a slot page called header slot in order to create a menu bar at the top location of the page.


  • Create a page called :slot_header (at the root directory of your pages)
  • Enter the below menu bar example

If you have uploaded a icon in the Favicon step, a minimal header slot with a menu bar would look like:

<menubar breakpoint="md" align="center">
<brand title="My Brand">
<icon name="logo.svg" />
My Brand name
<group expand="true">
<dropdown name="Menu">

<btn shadow="true" color="white">[[getting_started:getting_started|Get Started]]</btn>

More … see the menu bar page

Next Steps

In the same way, you can also create a footer slot.

Then you can:

For more tips and tops, you can also subscribe to the newsletter.

Powered by ComboStrap