Link Search Menu Expand Document

Getting Started

Table of Content

  1. 1. Requirements
  2. 2. Installation
  3. 3. Terminologies
    1. 3.1. Normal Submenu
    2. 3.2. Mega Submenu
    3. 3.3. Mega Item
    4. 3.4. Mega Menu
    5. 3.5. Top-Level Submenu & Sub-Level Submenu
    6. 3.6. Top-Level Items & Sub-Level Items
    7. 3.7. Icon, Badge, Item Label & Submenu Indicator
    8. 3.8. Off-Canvas (Canvas) & Overlay
    9. 3.10. Dropdown Panel
    10. 3.11. Menu Header
    11. 3.12. Initial Bubble

1. Requirements

All you need is an active installation of the Bricks Builder version 1.9.9 or greater.

2. Installation

If you’re familiar with installing a WordPress plugin, just go ahead with the standard routine.

If you’re new to WordPress, please refer to WordPress codex’s instruction to know how to install a plugin.

3. Terminologies

3.1. Normal Submenu

A Normal Submenu is a submenu which contains just the standard menu items only:

A Normal Submenu

3.2. Mega Submenu

A Mega Submenu is a submenu which contains extensive content rather than just the standard menu items:

A Mega Submenu

3.3. Mega Item

A Mega Item is a parent menu item which has a Mega Submenu

3.4. Mega Menu

A Mega Menu is a whole menu which contains menu item(s) and has at least one Mega Item.

3.5. Top-Level Submenu & Sub-Level Submenu

  1. Top-Level Submenu is either a Mega Submenu or the very first Normal Submenu.
  2. Sub-Level Submenu is a submenu of a submenu, regardless its level.

Submenu Hierarchy

*Please note that these terms are relative to the closet menu container, not the outmost menu container.

3.6. Top-Level Items & Sub-Level Items

Below image illustrates the terms:

Menu Item Hierarchy

*Please note that these terms are relative to the closet menu container, not the outmost menu container.

3.7. Icon, Badge, Item Label & Submenu Indicator

Below image illustrates the terms:

Icon, Badge & Item Label

3.8. Off-Canvas (Canvas) & Overlay

  1. Canvas Panel is a panel which is hidden by default. By clicking on the menu toggle button, this panel will appear, covers entire screen with or without an overlay and temporarily block the page behind it from interaction:

  2. Overlay is the mask layer which covers part of the page when a Menu is active. For example, the dark transparent layer below:

Canvas and Overlay

3.10. Dropdown Panel

Dropdown Panel is a panel which is also hidden by default. By clicking on the menu toggle button, this panel will drop down as you can see in the image below. It does not cover entire screen or block the page behind it from interaction.

You can close a Dropdown Panel by clicking on the menu toggle button only.

3.11. Menu Header

Menu Header is the top section of a Paged Off-Canvas Menu.

paged menu header

3.12. Initial Bubble

It’s the circle behind the Toggle Button of a Fullscreen Menu with “Bubble” entrance animation of the Off-Canvas:

the initial bubble

That’s all to get started. Let’s move to the next topic: Menu Elements


Last modified: Feb 21 2025 at 11:58 AM.