--- title: "How to Create a Fullwidth Mega Menu in Elementor?" url: https://theplusaddons.com/docs/create-a-fullwidth-mega-menu-in-elementor/ date: 2024-05-16 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do you want your mega menu panel to stretch across the whole screen? A full-width panel gives you room for several columns of links, images and calls to action. With..." image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-a-Fullwidth-Mega-Menu-in-Elementor_-1024x536.jpg word_count: 415 --- # How to Create a Fullwidth Mega Menu in Elementor? ## - The Plus Addons for Elementor Navigation Menu widget sets Mega menu Type to Full Width on the parent item, and the panel opens as wide as the browser window. - The Plus Addons for Elementor Pro includes the Mega menu Type field, while the free Navigation Menu Lite widget does not have this option. - Appearance > Menus is where the user selects the mega menu, opens the parent item, sets Full Width, repeats it for each parent item, and saves the menu. Do you want your mega menu panel to stretch across the whole screen? A full-width panel gives you room for several columns of links, images and calls to action. With the Navigation Menu widget from The Plus Addons for Elementor, full width is one setting on the menu item. *To check the complete feature overview documentation of The Plus Addons for Elementor Navigation Menu widget, [click here](https://theplusaddons.com/docs/navigation-menu-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/navigation-menu/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — the Navigation Menu widget is part of The Plus Addons for Elementor Pro. The free **Navigation Menu Lite** widget does not have this option.- **Widget to enable:** Navigation Menu, switched on under **The Plus Addons > Widgets**.- **A header template.** Add the widget to your site's header so the menu shows on every page. Build the header with the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/) or with Elementor Pro's Theme Builder.- **A WordPress menu** under **Appearance > Menus**, if you use the **Default** menu type.- **A working mega menu.** If you don’t have one yet, follow [how to create a mega menu](https://theplusaddons.com/docs/create-a-mega-menu-in-elementor/) first. ## Steps - Go to **Appearance > Menus**.- In **Select a menu to edit**, choose your mega menu and click **Select**.- Open the parent item that holds the panel (the item the Plus Mega Menu panel sits under).- Set **Mega menu Type** to **Full Width**.- Repeat for each parent item that should open a full-width panel, then click **Save Menu**. ![Mega menu Type set to Full Width on the Services menu item](https://theplusaddons.com/wp-content/uploads/2026/09/navigation-menu-menu-item-fields.webp) Those items now open a panel as wide as the browser window. ![A full-width mega menu panel spanning the whole window](https://theplusaddons.com/wp-content/uploads/2026/09/navigation-menu-result-mega.webp) ## Full Width, Container or Default? | Mega menu Type | Panel width | | -------------- | ----------- | | Default | A normal dropdown, or a fixed width from **Dropdown Max-Width(px)** | | Container | The boxed content width of the section or container the menu sits in | | Full Width | The whole browser window, from its left edge | > *In a Vertical Side Menu, Container and Full Width both fill the space next to the menu instead.* ## Limitations - **Pro only.** The Mega menu Type field comes with the Pro plugin.- **Set it on the parent item,** not on the Plus Mega Menu panel itself.- **Not for a plain Vertical Menu.** There, a full-width panel can run past the edge of the screen; use Default with a max-width. ## Troubleshooting ### The panel is not full width Check the setting is on the parent item and the menu was saved, then clear the page cache. Also check that no custom CSS limits the dropdown’s width. ## Related Docs - [Create a mega menu](https://theplusaddons.com/docs/create-a-mega-menu-in-elementor/)- [Create a vertical mega menu](https://theplusaddons.com/docs/create-a-vertical-mega-menu-in-elementor/)- [Create a side mega menu](https://theplusaddons.com/docs/create-a-side-mega-menu-in-elementor/) ## Frequently Asked Questions **Q: What do I need before creating a fullwidth mega menu in Elementor?** A: The key requirement is the Pro version of The Plus Addons for Elementor, because the Navigation Menu widget is part of The Plus Addons for Elementor Pro and the free Navigation Menu Lite widget does not include this option. You also need the Navigation Menu widget enabled under The Plus Addons > Widgets, a header template, and a WordPress menu if you are using the Default menu type. If you do not already have a mega menu, create one first with [how to create a mega menu](https://theplusaddons.com/docs/create-a-mega-menu-in-elementor/). **Q: How do I make a mega menu panel stretch across the full browser width?** A: The full-width behavior comes from setting Mega menu Type to Full Width on the parent menu item that holds the panel. In Appearance > Menus, open that parent item, choose your mega menu, set the type, and save the menu. The result is a panel that spans the whole browser window from its left edge, which is useful when you want room for multiple columns, images, and calls to action instead of a narrow dropdown. **Q: Why is my mega menu panel not full width?** A: The most common cause is that the setting was applied to the wrong place. In The Plus Addons for Elementor, POSIMYTH says Mega menu Type must be set on the parent item, not on the Plus Mega Menu panel itself. If it still looks wrong after saving, clear page cache and check for custom CSS that may be limiting dropdown width. That combination covers both setup mistakes and styling conflicts. **Q: What is the difference between Default, Container, and Full Width in the mega menu settings?** A: These three options control how wide the dropdown panel becomes. Default gives you a normal dropdown or a fixed width from Dropdown Max-Width(px). Container matches the boxed content width of the section or container where the menu sits. Full Width stretches across the whole browser window from left edge to right edge. In a Vertical Side Menu, Container and Full Width both fill the space next to the menu instead. **Q: Can I use full-width mega menus in a vertical side menu?** A: In a Vertical Side Menu, full-width behavior works differently because Container and Full Width both fill the space next to the menu rather than spanning the browser window. That matters if you are expecting an edge-to-edge panel like you get in a horizontal header. For plain Vertical Menu layouts, The Plus Addons for Elementor warns that a full-width panel can run past the edge of the screen, so Default with a max-width is safer. **Q: What should I do if I want more layout options for different mega menu styles?** A: The Plus Addons for Elementor provides separate docs for different layouts: [Create a mega menu](https://theplusaddons.com/docs/create-a-mega-menu-in-elementor/), [Create a vertical mega menu](https://theplusaddons.com/docs/create-a-vertical-mega-menu-in-elementor/), and [Create a side mega menu](https://theplusaddons.com/docs/create-a-side-mega-menu-in-elementor/). That split matters because full-width behavior depends on whether your menu lives in a normal header or in a vertical side layout. For widget-level settings, [click here](https://theplusaddons.com/docs/navigation-menu-widget-settings-overview/).