The “Fullscreen Menu Widget” allows you to create a sleek, full-screen navigation menu for free in WordPress Elementor websites. It provides an immersive, user-friendly experience by expanding your menu to cover the entire screen, making navigation easy and visually engaging. Customize the layout, colors, and typography to match your site’s design seamlessly.
Let’s explore the features of the “Fullscreen Menu Widget” below.
Elementor Fullscreen Menu Tutorial Video
Add a Free Fullscreen Menu for Elementor
This widget requires Unlimited Elements FREE version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Fullscreen Menu”
- Hover over the widget in the search results and click install
- Add your “Fullscreen Menu” widget to any Elementor Page
General Settings in Elementor Fullscreen Menu
Select Menu
Choose on of the menus from your WordPress website to output in the widget.
Max Depth
Set the number of sub level menu depth you want to display.
Alignment
Align the toggle button on the canvas.
Icon Toggle Type
- Animated Hamburger Icon
- Custom Icons for open and close menu. Use icon library or Upload SVG.
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
Show Social Icons
Display social icons before or after Fullscreen Menu
Templates for Elementor Fullscreen Menu
Select Elementor templates you want to load before or after your Fullscreen Menu.
Social Icons in Elementor Fullscreen Menu
Add social icons to your Fullscreen Menu.
Elementor Fullscreen Menu 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 in Elementor Fullscreen Menu
Style Menu Background in Elementor Fullscreen Menu
Style Menu Items in Elementor Fullscreen Menu
Style Sub Menu Items in Elementor Fullscreen Menu
Style Social Icons in Elementor Fullscreen Menu
Usage Example of Elementor Fullscreen Menu
Here are some live use cases for the Fullscreen Menu widget.
Free Elementor Fullscreen Menu with Custom Animations.
Thank you for using the Fullscreen Menu Widget for Elementor! With its sleek animations and customizable layout, this is the best Fullscreen Menu Widget for Elementor, perfect for creating immersive and modern navigation experiences. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.