Skip to content

Documentation

Extensive Documentation for PowerPack & WooPack to help you with common questions and issues.

PowerPack

  1. Home
  2. Docs
  3. PowerPack
  4. Modules
  5. Advanced Menu
  6. How to Setup Full Screen Overlay Menu with Advanced Menu Module?

How to Setup Full Screen Overlay Menu with Advanced Menu Module?

To set up the Full-Screen Overlay Menu for your website, follow the steps given below

Step 1: Launch the Beaver Builder for the respective page.

Step 2: When in the builder, drag and drop the Advanced Menu from the Content Sidebar.

Step 3: As soon as you will do that, you will see the Menu settings pop up.

Step 4: In the General tab, at the bottom, you will see the Menu Type option, Choose Full-Screen Overlay there.

Step 5: Set the Responsive Breakpoint to Always, this will make the Menu appear on desktop devices as well.

Step 6: You can change the typography of the menu using the Typography Tab. Make the changes that you feel necessary via this tab.

Step 7: You can also change the Close icon color, Hover effects, Border, Padding from the Responsive and Style Tab. Click on the save button once done.


Demo

Click here to view the demo of the Advanced Menu module.

Was this article helpful to you? Yes No

How can we help?

×