1. Home
  2. Docs
  3. Xpro Addons For Beaver Builder
  4. Modules
  5. Hamburger Menu

Hamburger Menu

Introduction

Xpro Addons for Beaver Builder is a complete package to improve the overall visibility of your Beaver Builder websites with an interactive menu especially in the Hamburger Menu module that contains unique and attractive menu options with effects. To improve your web pages visibility, follow the steps to enjoy the interactive Hamburger Menu options

How to get a menu layout option for a full-screen display from the top using the Hamburger Menu module?

Yes, Xpro Addons for Beaver Builder provides majestic and graceful menu layout options with attractive displays including a full screen from top display. So, to get the full screen from the top layout option, do the following:
Step 1: Open the Hamburger Menu module setting in the Xpro Creative Modules section.
Step 2: Drag and drop the Hamburger Menu module.
Step 3: Go to the General section and then, choose the Full from Top option from the dropdown menu in the Hamburg layout section.

Step 4: Make the other necessary changes according to your requirements and click on the Save button once you are done.

Step 5: Here, a Menu button will be displayed on your screen. When you click on the menu button, a layout full from the top will be displayed on your screen like this:

How to customize and style the layout of the Hamburger Menu Module?

Yes definitely, Xpro Addons for Beaver Builder provides elegant styling options for the Hamburger Menu layout. To get the menu styles for your website, you have to follow these steps:
Step 1: Open the Hamburger Menu module setting in the Xpro Creative Modules section.
Step 2: Drag and drop the Hamburger Menu module.
Step 3: Go to the Styling tab and move into the Misc. section at the bottom of the Styling tab.

Step 4: In the Misc. section, you have the option to select Hamburger background, color, border styles, padding, and scroll type settings. In the styling tab, you also can select other menu style options provided in different sections. Click the Save button after making changes.

After refreshing the page, a Menu button will be displayed on your screen. When you click on the menu button, a styling layout will be displayed on your screen like this:

How can I improve the overall visibility of my website with Hamburger Menu Addon for Beaver Builder?

Xpro Addons for Beaver Builder is a complete package to improve the overall visibility of your Beaver Builder websites with an interactive menu especially in the Hamburger Menu module that contains unique and attractive menu options with effects. To improve your web pages visibility, follow the steps to enjoy the interactive Hamburger Menu options:
Step 1: Select Hamburger Layout from the dropdown menu in the General section. Here you will get multiple unique menu layouts with preview options as well. Then, go to Toggle Button and Toggle Styling to make necessary styling changes for the menu button.

Step 2: Go to the Style tab to choose the style for the menu. Here, you will get various styling options for menu layout and menu button to choose for your web pages.

Step 3: Finally, go to the Advanced tab and set the Visibility and Animation options of your choice for interactive visibility of your web pages. Then, click the Save button to save changes.

Now, a menu button will be displayed on your page with an icon. Just click on the menu button and a menu layout will open with a unique style and logo with effects as well.

Was this article helpful to you? Yes No

How can we help?