0
Welcome Guest! Login
0 items Join Now

Super Spring Sale

Spring is in the air, and so are the savings during our Super Spring Sale! Save 50% on single themes and 35% on Club memberships and renewals for a very limited time.

Requiem: Recreating the Demo - Navigation Section

Your Guide to Recreating Elements of the Requiem Demo for Joomla


Introduction

The Navigation section includes two rows of module positions, including one directly-placed particle. The first row consists of the mainnav-left and mainnav-right module positions, as well as the Menu particle. The second row contains navigation-a, navigation-b, and navigation-c.

Here is a breakdown of the module(s) and particle(s) that appear in this section:

Section Settings

Option Setting
Layout Fullwidth
CSS Classes Blank
Tag Attributes Blank

MainNav Left (Module Position)

Particle Settings

Demo Navigation

Option Setting
Key mainnav-left
Chrome gantry

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes mainnav-left
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 10%

Assigned Module(s)

Gantry 5 Particle (Icon Menu)

We added a Icon Menu particle to the mainnav-left position. This was done by creating a Gantry 5 Particle module and selecting the Icon Menu particle in the module's settings.

You will find the particle settings used in this particle below:

Particle Settings

Demo Navigation

Option Setting
CSS Classes Blank
Target Self
Icon Menu Item 1 Name Home
Icon Menu Item 1 Icon fa fa-home fa-fw
Icon Menu Item 1 Text Blank
Icon Menu Item 1 link Custom

Gantry 5 Particle (Menu)

We added a Menu particle directly in the Layout Manager to make up the main menu at the top of the page.

You will find the particle settings used in this particle below:

Particle Settings

Demo Navigation

Option Setting
Base Path /
Menu Custom
Start Level 1
Max Levels 0
Render Titles Unchecked
Mobile Target Unchecked

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes mainnav-center
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 80%

MainNav Right (Module Position)

Particle Settings

Demo Navigation

Option Setting
Key mainnav-right
Chrome gantry

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes mainnav-right
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 10%

Assigned Module(s)

Gantry 5 Particle (Icon Menu) 2

We added a Icon Menu particle to the mainnav-right position. This was done by creating a Gantry 5 Particle module and selecting the Icon Menu particle in the module's settings.

You will find the particle settings used in this particle below:

Particle Settings

Demo Navigation

Option Setting
CSS Classes Blank
Target Self
Icon Menu Item 1 Name Demo
Icon Menu Item 1 Icon fa fa-rocket fa-fw
Icon Menu Item 1 Text Blank
Icon Menu Item 1 link Custom

Navigation A (Module Position)

Particle Settings

Demo Navigation

Option Setting
Key navigation-a
Chrome gantry

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 33.3333%

Navigation B (Module Position)

Particle Settings

Demo Navigation

Option Setting
Key navigation-b
Chrome gantry

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 33.3333%

Navigation C (Module Position)

Particle Settings

Demo Navigation

Option Setting
Key navigation-c
Chrome gantry

Block Settings

Demo Navigation

Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 33.3333%

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.