Adding the Off Canvas Menu button to the Shortcuts Bar

Many of you have asked us for a way to open the off canvas menu from the Shortcuts Bar extension. We’ve listened and delivered.

General Prerequisites

You will need to create a custom shortcut action, assign a custom icon and label to it and as the link, you’ll need to set it as #offcanvas, and the custom class for this button will be ct-offcanvas-trigger.

Desktop Specific Prerequisites

If you’re looking to enable the off canvas action for the desktop view, you will first need to add the trigger element and populate the off canvas area with some elements.

Removing the Header Trigger desktop element

Because this is a little workaround, there’s no official way to remove the header trigger element from the desktop variant. Though, there’s nothing a little bit of CSS cannot solve. Simply integrate this snippet into the Additional CSS pane of the Customiser and you should be good to go.

@media (min-width: 999px) {
	.ct-header-trigger {
		display: none;
	}
}