Black Friday Sale! Save up to 50% off!
  1. Home
  2. Features
  3. Header & Footer
  4. Mega Menu
  5. Mega Menu Popup Width

How to change the Popup Width for the Mega Menu

The Mega Menu can have a different width, such as Content, Screen, and Block. Click on the Menu in the Header, then go to the Property Panel. Click on the Mega Menu link, and select the width in the Width section.

Browse By Feature Categories

Web Page Elements
Supported Systems
Visual Page Editor
Design Elements
Media Libraries
Element Properties
Responsive
Animation Effects
Theme Settings
Contact Form
Header & Footer
Blog
E-Commerce
SEO
Custom Code
Application Features
Site & Page Properties
WordPress Widgets

Everything You Need To Create Your Free Website

Use our Website Builder to design and create websites without coding. Drag and drop anything you want, to any place you want it. The Website Creator automatically adapts your website for mobile to make it responsive. Choose from more than 15,000 customisable website templates.

Download for Windows Download for Mac

Related Features

Edit Mega Menu Items

The Mega Menu uses the three-level Submenu structure from the Edit Menu. Click on the Edi Menu icon to open the dialog. Edit the first-level items for the Main Menu Items, the second-sublevel for the Mega Menu Titles, and the third-sublevel as the Mega Menu Items.
Move Mega Menu Items

You can freely move the Mega Menu Items by simply clicking and dragging the Mega Menu Items. Switch to Mega Menu, open the Popup, and click the Items to freely move The Mega Menu Items.
Mega Menu Style
Mega Menu Style

You can stylize all levels of the Mega Menu. Click on the Mega Menu to select, go to the Property Panel. Select the corresponding links to access the Panels of the Mega Menu components. You can modify the Fill, Border, and Text for the Background, Items, and Subitems.
Mega Menu in WordPress and Joomla
Mega Menu in WordPress and Joomla

You can use the Mega Menu in WordPress and Joomla. Export a website and import content with Mega Menu. After the import, you can edit the Menu Items in your CMS admin
Mega Menu Properties
Mega Menu Properties

In the Property Panel, you can edit the Mega Menu Properties, including the Popup, Headings, and Items. The related properties are grouped in separate panels, and there are the Mega Menu, Headings, and Items links on the main panel.
Add Elements To Mega Menu Popup

To add a Website Element to the Mega Menu, click the Menu Item with the Mega Menu, and resize the Mega Menu Popup. Click the blue plus on the Quick Access to open the Add Panel. Select an Element, for example, the Image or Icon, to add it to the Mega Menu. You can move added Elements freely, like the Mega Menu Items.

Mega Menu Popup Resize

To add Elements to the Mega Menu on a Website, you need to arrange the space. Click the Item with the Mega Menu, and go to the round markers on the side. Drag the round blue markers to resize the Mega Menu Popup.
Mega Menu Columns

The Mega Menu contains Columns, and you can change their number. Select the Mega Menu, go to the Property Panel, and click on the Mega Menu link. On the Mega Menu Panel, click on the Columns drop-down list to select the number of Columns for the Mega Menu. By default, the number of Columns for the Mega Menu is auto, corresponding to the number of the second-level submenus.
Mega Menu Spacing

You can change the Spacing of the Mega Menu Items and Area. Select the Mega Menu and go to the Property Panel. Click on the Mega Menu link and then go down to the Spacing Sliders. Drag the Vertical and Horizontal Spacing sliders or enter the values to change the spacing. You can also modify the Padding of the Mega Menu area to transform the space for the Mega Menu items.
Switch Menu Layout

The Menu in Nicepage can be presented differently, like Single-Level Menu, Multi-Level Menu, and Mega Menu. You can switch between these layouts any time and choose the one that best fits your web design. Click on the Menu in the Header, then go to the Property Panel. Click on the Icons in the Layout property to switch the Menu look.
Delete Elements From Mega Menu Popup

You can simply delete added Elements from the Maga Menu Popup. Click on the Element in the Mega Menu. Click the Bucket Icon on the toolbar or press the DEL key to delete the selected Element.
Move Elements In Mega Menu Popup

The Mega Menu is an interesting and beautiful layout that may require multiple adjustments. Therefore, you can move the added Elements similarly to positioning the Mega Menu Items. Click on the Element and drag it to the required place.

How to customize the Mega Menu Popup Width on a website

To access theme options under Mega Menu width you need only to click on the menu itself and when the blue frame appears stretch the menu width as much as you need. If you simply max-width of your mega menus this may not improve how the mobile menu and top-level menu item to click on will be presented. Using custom menu settings you can quickly change the level menu item positions, size, style, and text of the menu item on the top. Ley the level menu items and related articles have some space so visitors would clearly see and differ them.

When getting started working with Mega Menus you must attend to many aspects of the menu styling. No matter if it is a website-oriented or mobile menu you must form your custom appearance menus to attract users. The flyout menus can be pleasant surprise mechanics or irritating gimmicks that distract users from navigating through top-level items. So after getting started, it is important to make your custom style of the mobile menu and site menu as user-friendly as possible. And our flexible menu settings will help you with this task.

Under Mega Menu, menu item text will play a crucial role in attracting attention and helping in navigation on the top level. Remember that bigger does not always mean better, especially in the case of mobile menu settings. If you want to use our theme integration for your website, you will have theme options that will help to customize tabbed mega menus. It is better not to use skip to content if you already applied mega menus with various level menu items because the user will decide for himself what content he wants.

Company
Product
Themes & Templates
Nicepage
Web Design