Learn how to create a mega menu in Wix. Images, buttons and titles can be attached on this new mega menu without letting you to write a line of code. Creating a mega menu in Wix was not a good idea until it became one of the default menu features. Now, it is simpler than ever to create mega menu whose contains images, titles and buttons.
You may wonder how to create an unclickable menu in Wix Editor. Go ahead to this tutorial to learn how to build an unclickable menu in Wix.
Table of Contents
1. What is a Mega Menu?
Mega menus (sometimes written "megamenus") are a sort of expanding menu in which several options are shown in a two-dimensional dropdown structure. They are a good design solution for supporting a huge number of alternatives or showing lower-level web pages at a glance.
1.1. For whom mega menu is suitable to use?
The idea is to provide information simply without requiring the user to navigate a maze of inner pages. While there are several ways to build a mega menu, layouts can quickly become confusing.
To assist users in finding what they are searching for, designs might contain categories, graphics, embedded information, iconography, and other visual cues. Even the most popular websites would be difficult to navigate without a big menu.
Therefore, mega menu is a desired type of structure to make navigating through the website easier.
1.2. Mega menu examples
1.2.1. Digital Ocean
Digital Ocean's mega menu offers a clear summary of solutions, services and other details about the company at a place.
MailChimp has one of the unique mega menu structures on the world. Since they offer variety of products, they present all info under separate subtitles.
2. Build a Mega Menu with Wix
2.1. How to build a mega menu in Wix?
Follow the instructions given below in order to create a mega menu from scratch without writing a line of code.
Go to "Add to Site" tab on editor,
Select one of the horizental menus (not the themed ones),
Drag the menu and drop it onto the header,
Hover over the menu item and click on settings icon,
Set the menu as advanced by clicking on that button,
At this step, you have many options where you can build up the menu from. All options can be used on one mega menu or some of them, your choice (basis on your needs)
Select one of them and begin building your mega menu likewise you did previously for a page design.
Now, watch the video tutorial given below. This video tutorial demonstrates best how to build a mega menu for different purposes.
2.2. Live Example
Here is the playground to examine the mega menu behavior that you have seen so far in the video tutorial. It is not an actual website of course, just give it a try for mega menu.