Fullscreen Menu Widget for Elementor
FREE

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.

Choose Template
Frame 192
Online Classes Full Menu
Frame 8407 (16)
Travel Agency Full Screen...
Frame 192 (1)
Building Construction Full...
Loading...
Facebook
Twitter
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

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:

1

Animated Hamburger Icon

2

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

Transition Effects

Choose from several types of transition effects.

Elementor Templates

Load templates before or after the menu.

Social Icons

Add social icons under the menu for quick access.

Animated Hamburger

Add a sleek animated hamburger icon to open the menu.

Fullscreen Menu Widget Frequently Asked Questions

What is the Fullscreen Menu widget in Elementor?

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.

How do I add the Fullscreen Menu widget to my Elementor website?

This widget is available in the Unlimited Elements Free version.

  1. Go to the Unlimited Elements Widget Library.
  2. Search for “Fullscreen Menu” in the search bar.
  3. Hover over the widget in the search results and click Install.
  4. Add the “Fullscreen Menu” widget to any Elementor page.
Is the Fullscreen Menu widget free?

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.

How can I select the menu for the Fullscreen Menu widget?

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.

Can I customize the depth of the Fullscreen Menu?

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.

Can I customize the transition effect when opening the Fullscreen Menu?

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.

Can I customize the icon toggle type in the Fullscreen Menu widget?

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.

Can I show social icons in the Fullscreen Menu?

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.

Can I disable page scrolling when the Fullscreen Menu is opened?

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.

How do I use the Fullscreen Menu widget in Elementor?

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.