Announcing: Blank.ly - a style guide for the Build.r template

Offcanvas

All Zen Grid Framework v4 (ZGF4) themes come with a built in offcanvas panel. The offcanvas panel literally sits off the page and is brought onto the page via a user interaction - normally by clicking a button.

The Offcanvas panel can be initiated in two different ways in ZGF4 themes.

  • The user publishes a module to the offcanvas position. When this occurs the offcanvas trigger and panel are automatically added to the page.
  • The user selects the offcanvas menu as their preferred menu display when the browser is below the navcollapse breakpoint. These two settings can be found on the responsive panel in the template settings.

Offcanvas menu settings

Offcanvas Menu Settings

Offcanvas position

This setting determines the side of the page that the offcanvas panel is displayed on.

Minimum width visible

This setting determines the minimum width that the viewer should be able to view the menu at.