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

How to change the Spacing of the Mega Menu

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.

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

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

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

How To Edit Spacing Between The Mega Menu Items

The Mega Menu is a top-level page navigation element for websites that help users, and site visitors quickly look through the website's content and explore its content. Your menu will improve, similar to WordPress menus with navigation on one page. The top-level menu bar in Mega Menus always contains many items. Whether you are using a horizontal or vertical menu bar, you must always make sure that your menu itself and its items are visible, easy to read and attract the users' attention. After getting started, the space between them may change the overall page view. Our site builder provides flexible and responsive menu item options to make the customization process quick and easy.

On the top level of the Mega Menus, a menu bar can help users navigate through different categories. You can re-form the Dropdown Menus any way you want to achieve the necessary effect. One of the methods to make a menu item eye-catching is making menu item text font awesome and customizing the whole spacing between menu items. The spacing between menu item text will help to recognize the item text quicker and, therefore, understand if this item is what you were looking for. Using our property panel, it is easy to change the overall space between menu items, horizontally or vertically. Combine it with the appropriate background color of dropdown menus on your landing page and beautiful item text, and your navigation menu will be perfect.

Every item on the top level can be customized and stressed. The amount of space between menu items can influence the menu bar depending on whether you use the horizontal or vertical menu. On the top level where items are situated, a Dropdown Menu spacing between top-level items can also indicate the importance of certain items. For example, the main section discussion is more important than new comments. The space between the top-level menu item in Mega Menus and another item can be stressed using background color similar to how it is used in a mobile Dropdown Menu. Any mobile menu can become a part of a Mega Menus structure and provide the same effect for visitors.

Company
Product
Themes & Templates
Nicepage
Web Design