Main Header Element / Hero

Undraw Website Builder Re Ii6e


The main header is a template element that is located on top of your content (main element).

It's also known as a hero header in design.

Layout Element

Design and Component

It is generally shown prominently to grab the attention of your reader.

You will find in this area:

How to change it?

By default, the main header design is implemented by the template.

Note that not all templates support a main header.

By default, all templates that are not for a index page such as the index template should support it. You should refer to the documentation of the template to confirm it.

Showcase yourself and your brand

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

Recommended Pages
Layout Element
ComboStrap - Main Template Element

In a template layout, main is the element where the content of your page is rendered. In a template, the main element may have a: * header, located at its top * and footer, located at its...
Combostrap Hierarchical Breadcrumb
ComboStrap UI - Hierarchical Breadcrumb

A Hierarchical Breadcrumb is a breadcrumb that shows where the page is located in the page system tree in hierarchical order. The label shown is the page name. Combostrap offers two types of hierarchical...
Hamburger Template

hamburger is a template that show only three layers. The page header The main (header, content and footer) The page footer hamburgerwebsite home pagelanding page The hamburger supports the...
Undraw Growth Chart R99m
How ComboStrap tackles SEO to bring you more visitors?

seoSearch engine optimization (or SEO) is the process of making your website optimized for search/enginesearch engine (Google, Bing, ...) to get to the top of their result. On a website level, it means:...
Landing Layout
Landing Template

landing is a template that permits to create landing pages. In a landing page layout: The main content is not contained (You need to use bar components to create the purple area) The page header,...
Undraw Website Builder Re Ii6e
Layout Elements

templatelayout All elements (ie the holy template) to no element at all (ie the blank template) Element Description Main Content The main content element is where the content of the page...
Main Header Slot Manager
Main Header Slot

The main header slot is a slot that will replace the default main header of your template. Below is an example of main header. where: breadcrumb is the hiearchical breadcrumb box is a box with...
Median Layout
Medium Template

medium is a template that implements a layout that emphasizes readability by: centering the main content with a fixed width (making the length of a line shorter). It's the default template for all...
Blank Layout
Minimal Template

A minimal template is the simplest layout of them all, as its prints only the content. The minimal template supports: the main header the toc All other elements are not supported. The page...
Undraw My Documents
What is a index page ?

An index page is the page shown when a namespace is asked in the URL or link path.

Task Runner