Skip to main content

Offcanvas

Easily create offcanvas menus like this this one in the mobile or desktop header.

Includes:

  • Menu: Add collapse submenus that give you full control to recreate mega menu content for mobile views.
  • Simple menu: Recreate any utility menu links on mobile.
  • Buttons: Primary and secondary button styles which are fully customizable in the module's style.
  • Icons: Perfect for creating social and sharing buttons.
  • Rich text: Insert anything you can add with a rich text area.
Install Base for free

Interested in trying the Base theme?

The Base theme is currently free. Installing the Base theme now gives you access to future updates forever. Visit the marketplace and install the theme for free.

Visit the marketplace

Grid

PRO MODULE

The Grid module is designed for aligning content in a grid format. With each item in the grid you have control to adjust the width and height at desktop, laptop, tablet and mobile breakpoints.

Default style

This is an example using the default grid style and just applying a light background to each item. The first item has a width of eight columns while the rest of the items have a width of four.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Custom grid layouts

Each item in the grid layout has its own with the height fields. In this example the first item has a width of 8 columns and a height of 2 rows. The first item is also an example of applying a background image and using the rich text editor to adjust the style of the text so that it is legible over the image.

computer

Grid item with background image

With in each grid item you can add a background image. In the styles tab of the module you can add an overlay color that gets applied to all background images. Use the rich text editor to adjust the style of the text.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.

Grid item

Add content to each grid item using the Rich Text editor. Adjust the style of the grid items in the styles tab of the module.