fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Fullscreen Menu

In this article we will go threw the steps of adding a Fullscreen menu to your Elementor website using the Fullscreen Menu widget.

Install Fullscreen Menu Widget for Elementor #

This widget requires Unlimited Elements FREE version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Fullscreen Menu”
  3. Hover over the widget in the search results and click install
  4. Add your “Fullscreen Menu” widget to any Elementor Page

General Settings #

1
Select Menu

Choose on of the menus from your WordPress website to output in the widget.

2
Max Depth

Set the number of sub level menu depth you want to display.

3
Alignment

Align the toggle button on the canvas.

4
Icon Toggle Type
  • Animated Hamburger Icon
  • Custom Icons for open and close menu. Use icon library or Upload SVG.
5
Open Transition

Set the opening transition effect for the fullscreen menu.

  • Zoom In
  • Slide from top
  • Slide from bottom
  • Slide from left
  • Slide from right
  • Fade in top
  • Fade in bottom
  • Fade in right
  • Fade in left
6
Show Social Icons

Display social icons before or after Fullscreen Menu

Templates #

Select Elementor templates you want to load before or after your Fullscreen Menu.

Social Icons #

Add social icons to your Fullscreen Menu.

Fullscreen Menu Widget Styling #

Modify the colors to match your site’s look and feel. Customize the text, icons, fonts and layout to make the widget look and work exactly like you want it too.

Style Hamburger Icon #

Style Menu Background #

Style Menu Items #

Style Sub Menu Items #

Style Social Icons #

Usage Example #

Video Overview #

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!