Top menubar

Undraw Stepping Up

About

The templates support the creation of a slot page in order to modify a page layout.

For instance, most of them support a page header slot in order to modify the page header (the top location of your pages)

This is where we will create a menu bar.

Steps

You can:

  • modify it
  • or enter a more complicated example. If you have uploaded a icon in the Favicon step, a minimal header slot with a menu bar would look like:
<menubar breakpoint="lg">
<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 Step

In the same way, you can also modify the page footer with the following link: http://localhost:8080/doku.php?id=slot_footer

In the next step, we will store your site as combo site in Git.

Store my WebSite in Git




Showcase yourself and your brand

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




Related HowTo's
Material Design Choose Icon
Favicon Installation

This page is an HowTo that shows you how to choose and install a favicon and your logo image with ComboStrap.
Undraw Stepping Up
How to get started with ComboStrap ?

This page helps you to get started with ComboStrap


Recommended Pages
Layout Element
ComboStrap - Page Header Slot

The page header slot is a slot that replaces the page header. The how-to getting started guide explains how to create a header navigational bar: . You can configure the name of the header slot...
Undraw My Documents
Top navigation bar made simple

A top menubar is just two steps



Task Runner