LAST SALE DAY! Save up to 50% off!
  1. Home
  2. Features
  3. Header & Footer
  4. Mega Menu
  5. Add Elements To Mega Menu Popup

How to add elements to the 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.

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

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.
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.
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.
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 Popup Width

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.
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.
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 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 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.
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.
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.
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.

How To Add Elements To Mega Menu Popup Using The Add Menu Panel

Before getting started or after you set up level menu items and how many columns will be, you can enter Mega Menu settings and add other elements to the popup Mega Menus. You can hover over any menu item and add other elements like icons, additional buttons, pictures, and figures depending on the Mega Menu width. With our Mega Menu editor under the main menu settings, set up menu width, styling, and space, and add third-line items and widgets to make your new menu unforgettable. Customizing Mega Menu using our tools is quick and efficient, even when adding various web elements.

The Level of menu items can be displayed correctly with web elements. Still, there may be positioning and allocation issues if you are getting started to drag and drop a new menu item. Suppose you add a new navigation menu widget to check if every level menu item uses it and additional elements. Thoroughly review second level and third level menu if Mega Menu widget and new element conflict. Menu item options, same as mobile menu analog, are flexible and control the third level menu with additional web elements more efficiently than the second Level and third-level WordPress menu.

The Mega Menus can easily contain many columns, and no matter how many columns you form, there is always a chance of visitors getting confused. Similar to the WordPress menu by default, you can set up the number of columns and ensure that the parent menu item with the new element has an identical style and correlates with a second-level menu item and the third-level menu item. Mobile menu settings are similar to tabbed Mega Menus, so there is no need to learn how to create Mega Menus for the mobile menu before getting started. It is easy to understand how to create a mobile menu using our options panel for any level menu item.

Company
Product
Themes & Templates
Nicepage
Web Design