This module is displayed in the top position.  The upper module is the toolbar position (intended for a fixed navigation menu).

Below toolbar you can see the logo and menu positions (intended for a navigation menu).

Grid-Top

This module is located in the grid-top module position. Add the module class suffix -color to get this effect.

Grid-Top

This module is located in the grid-top module position. Add the module class suffix -blue to get this effect.

Grid-Top

This module is located in the grid-top module position. Add the module class suffix -red to get this effect.

Grid-Top

This module is located in the grid-top module position. Add the module class suffix -green to get this effect.

Grid-Top 2

This module is located in the grid-top2 module position. Add the module class suffix -inverted to get this effect.

Grid-Top 2

This module is located in the grid-top2 module position. Add the module class suffix text-center (empty space at the beginning) to center the text.

Grid-Top 2

This module is located in the grid-top2 module position. Add the module class suffix -inverted to get this effect.

Grid-Top 2

This module is located in the grid-top2 module position. Add the module class suffix text-center (empty space at the beginning) to center the text.

Above Content

This module is displayed in the above-content position.

Module Positions

Details
Category: Uncategorised Uncategorised
Created: 06 October 2016 06 October 2016

This page demonstrates the available module positions in this template.

Below Content

This module is displayed in the below-content position.

Grid-Bottom

This module is located in the grid-bottom module position. Add the module class suffix -border-top to get this effect.

This module is located in the grid-bottom module position. Add the module class suffix featured (empty space at the beginning) to get this effect, and insert image in the top of the content.

Grid-Bottom

This module is located in the grid-bottom module position. Add the module class suffix -border-top to get this effect.

Grid-Bottom 2

This module is located in the grid-bottom2 module position. This module will not be seen by phones as it has the hidden-phone (empty space at the beginning) module class suffix.

Grid-Bottom 2

This module is located in the grid-bottom2 module position. Add the module class suffix -border-bottom to get this effect.

Grid-Bottom 2

This module is located in the grid-bottom2 module position. Add the module class suffix -border-bottom to get this effect.

Grid-Bottom 2

This module is located in the grid-bottom2 module position. This module will not be seen by phones as it has the hidden-phone (empty space at the beginning) module class suffix.