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.