The Trigger element opens the Header Builder’s Off Canvas Area, giving visitors access to navigation and any other Header Elements placed inside the panel.
It is commonly used to open the mobile navigation, while Blocksy Pro also lets you use the Off Canvas Area as part of a desktop header.
To configure it, open the Customiser → Header, drag the Trigger element into the desired header row, and select it to customise its appearance and responsive behaviour.
Granular Controls
Style Type
Choose from three predefined designs for the Trigger icon. Each variation changes the arrangement of the lines used to represent the menu trigger, letting you select the style that best matches your header design.
Icon Size
Adjust the dimensions of the Trigger icon independently across the available responsive device views, allowing it to remain proportionate to the surrounding Header Elements.
Icon Style
Choose how the Trigger icon itself is presented:
- Simple – displays the Trigger icon without an additional surrounding shape.
- Outline – places the icon inside an outlined shape.
- Solid – places the icon on a solid background Color.
Label
Customise the text displayed alongside the Trigger icon. Separate label values can be configured for desktop and mobile layouts, allowing the wording to better suit the available space on each device.
Label Visibility
Control whether the Trigger’s text label is displayed on desktop, tablet and mobile devices independently. This lets you use a descriptive icon-and-label combination on larger screens while keeping a more compact icon-only Trigger where space is limited.
Element Visibility
Control the visibility of the entire Trigger element across the available responsive device views. This makes it possible to use different header structures for desktop, tablet and mobile devices without removing or duplicating the element’s configuration.