Off Canvas Effect in Advanced Menu

Have you ever wanted to use the Off Canvas effect for Advanced Menu on your website? The Ultimate Addons for Beaver Builder has introduced this feature in version 1.6.0.

You can use this feature by following the steps mentioned below.

Step 1:

Open the Advanced Menu Settings and select the menu that you had created in Dashboard > Appearance > Menu

Step 2:

Select Responsive Toggle in the Responsive Tab.
Hamburger Icon: Hamburger icon will be shown.
Hamburger Icon + Label: Hamburger icon will be shown followed by the user entered label.
Menu Button: A label entered by user will be shown.
None: Toggle button will not be shown.

Step 3:

Select Responsive Layout > Off Canvas in the Responsive Tab.

Step 4:

Select a Direction in which you wish to show the Off Canvas Menu.

Step 5:

Enter Animation Speed for the Direction selected in step 4.

Step 6:

Select the appropriate Responsive Breakpoints
Display on All Devices: Show Off Canvas on all devices i.e desktop, tablet, and mobile devices.
Display on Medium and Small Devices Only: Show Off Canvas only in tablet and mobile devices.
Display on Small Devices Only: Show Off Canvas only on mobile devices.
Enter a Custom Breakpoint: Select Custom to enter a custom breakpoint.