ComboStrap Getting Started - Creation of a top menu bar

About

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.

Steps

  • 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
</brand>
<collapse>
<group expand="true">
<dropdown name="Menu">
[[#|item]]
[[#|item]]
</dropdown>
</group>

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

More … see the menu bar page

Next Steps

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

Then you can:

Powered by ComboStrap