1. Home
  2. Features
  3. Header & Footer
  4. Mega Menu
  5. Mega Menu Properties

How to edit the 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.
How to edit the Mega Menu properties

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

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.
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 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 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.
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.
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.
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
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 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.
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.
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 Customize The Mega Menu Properties In the Property Panel

When you start building your main menu and menu bar, you want to make it as unique as possible. Your main menu is a welcoming element that becomes a guide for your visitors, so making your menu screen reader accessible is the first and foremost important task. It is also important to make the screen reader accessible mega navigation menu to attract even more potential users. After creating the content for your mega navigation menu, use the responsive menu properties our builder provides to customize the menu itself, headings, and menu item options.

Customizing the menu itself is very easy and allows you to customize the menu bar and, for example, accordion menu style in a matter of minutes and set it more mobile menu oriented. Make a custom content menu using content images and text fonts with a corresponding background color and menu bar size that will fit the standard website menu and mobile menu simultaneously. You can customize and set the main parent menu item looks in the headings group and put them the way you see fit. In the items group, you will be able to customize any item within the menu.

You can set up the menu item link for every item in the menu and set the displaying the way it would be easier for the screen reader to analyze the menu's content. Even the accordion menu is a great example showing that the menu text content that correlates with background color and proper spacing between every item is the key point in creating a beautiful and functional web design. You must imagine and test how the navigation with your menu feels and adjust it with the menu properties to provide a great user experience.

Company
Product
Themes & Templates
Nicepage
Web Design