Fullscreen Menu Widget for Elementor
The Fullscreen Menu widget creates an immersive, full-screen navigation menu for Elementor with advanced styling, smooth animations, and mobile-friendly design.
View Fullscreen Menu Widget Demo
Click the hamburger icon on the top right side of the screen to trigger the full screen menu an see a live demo of the widget.
Minimalistic Design
A simple navigation button that opens up a full-screen menu for a sleek and clean look on your Elementor website.
Easy to Use
The Fullscreen Menu widget is simple to use and doesn’t require any technical expertise. With just a few quick clicks, you can modify the widget to fit your needs using our straightforward settings.
Unlimited Design Possibilities
Modify the elements styles to match your site’s look and feel.
- Hamburger
- Menu Background
- Menu Items
- Sub Menu Items
- Social Icons
Hamburger Icon
Choose a hamburger icon type:
Animated Hamburger Icon
Custom Icons
Use Elementors built in icon library or Upload your own SVG.
Load Templates
Load Elementor templates before and after the menu to create advanced fullscreen menu layouts on your website.
Step by Step Tutorial
Learn How It Works?
Learn how to use the Fullscreen Menu Widget with this video tutorial. Master each step at your own pace effortlessly.
Highlighted Features
Choose from several types of transition effects.
Load templates before or after the menu.
Add social icons under the menu for quick access.
Add a sleek animated hamburger icon to open the menu.
Fullscreen Menu Widget Frequently Asked Questions
The Fullscreen Menu widget allows you to create a full-screen navigation menu for your website. This widget expands the menu to cover the entire screen when activated, providing a sleek and immersive experience. It’s perfect for those looking to display a modern, full-screen navigation option that catches the visitor’s attention and enhances the overall user experience.
This widget is available in the Unlimited Elements Free version.
- Go to the Unlimited Elements Widget Library.
- Search for “Fullscreen Menu” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Fullscreen Menu” widget to any Elementor page.
Yes, the Fullscreen Menu widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.
You can easily select the menu you want to display from the General Settings of this widget. Once the widget is added to your page, you can choose any of your site's menus. This flexibility ensures that you can showcase the correct navigation menu for any part of your website with ease.
Yes, you can control the depth in this menu widget. The options allow you to set the depth to 1, 2, 3, or All. This feature helps in managing how many levels of your menu should be displayed, offering flexibility in how you structure your navigation for a cleaner, more organized appearance.
Yes, you can set the Open Transition effect for the Fullscreen Menu widget. Available options include Zoom In, Slide From Left, Slide From Top, Slide From Right, Slide From Bottom, Fade In Left, Fade In Top, Fade In Right, and Fade In Bottom. These effects help create smooth, engaging transitions, enhancing the menu’s visual appeal and providing a professional, polished feel when users interact with it.
Yes, you can set the icon toggle type as animated or custom icons in this widget. This customization ensures the menu fits seamlessly with your design and offers a unique, tailored user experience.
Yes, this widget allows you to display social icons either before or after the menu content if needed. This feature is useful for promoting your social media profiles directly within the menu, making it easier for visitors to connect with you on various platforms. You can easily add and customize social icons to fit your website's layout and design preferences.
Yes, you can disable page scrolling when the Fullscreen Menu is open. This feature prevents the background page from moving, ensuring that the focus remains on the menu. It creates a cleaner, distraction-free experience for the user, allowing them to navigate through the menu without any interference. You can enable or disable this feature based on your website's design and user experience preferences.
Using the Fullscreen Menu widget is simple. Drag and drop the widget into your Elementor page, and it will automatically transform into a full-screen menu when clicked. Customize the appearance and content as needed to fit your site's design. Check out our documentation for a detailed guide.