No results found. Try again with different words?

Search must be at least 3 characters.

    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.

    Was this article helpful?

    Did not find a solution? We are here to help you succeed.

    Related Docs

    Grab this rare opportunity to save up to 50%

    WOAH, HOLD ON THERE!

    Don't Miss Our Biggest Discount

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    You are backed by 100% risk-free money-back guarantee.

    Grab Our Biggest Discount Of All Time. Don’t Miss Out!

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Scroll to Top