Main Header Slot

Undraw Website Builder Re Ii6e

About

The main header slot is a slot that will replace the default main header of your template.

Example of main header slot

Below is an example of main header.

<breadcrumb/>
<box hero="md">
    <heading 1>$title</heading>
    <page-image ratio="16:9" />
</box>

where:

Usage

  • A main header applies only to specific template.
  • When a main header is applied, the following contents are not shown:

How to create a main header slot ?

With the slot manager

With the slot manager, you need to click on a create link

Main Header Slot Manager

Manually

The name of the main header slot is slot_main_header.

To add a main header slot to all your pages:




Showcase yourself and your brand

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




Recommended Pages
Featured Image
Featured Image

A featured image is a page's main illustrative image. The featured image is generally located below or above the page tile. We support two types of featured images: raster that are suitable for...
Undraw My Documents
Hero

hero is a styling attribute for showcasing hero unit style content. An hero is just a UX design term that refers to an oversized component such as: the section of a landing page a page content header...
Index Layout
Index template

An index template is the default template for the index pages. Because index pages are landing pages for a namespace, this template creates a mini-landing page layout for a namespace slots page header...
Page Speed Performance
Lazy loading in ComboStrap

ComboStrap loads all images by default in a lazy mode meaning that they are loaded only when they are going to enter the screen.
Layout Element
Main Header Element / Hero

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. It is generally shown prominently to grab the attention of...
Undraw Website Builder Re Ii6e
What is the slot system ?

A slot is a location in the page where a markup file is rendered.
Page Speed Performance
What makes the ComboStrap performance so fast?

This article explains the secret sauce of the ComboStrap performance and what you should avoid in order to not degrade it.



Task Runner