Mega Menu

In order to create a mega menu with the elementor like the example of mega menu of shop above, you, firstly, need to navigate Appearance > Menu.

Secondly, click Setting on the menu item to star create mega menu for the shop.

Then, you will be directed to a pop-up window that allows you modify the mega menu content, background, badges and icon.

In the Mega Menu section, you need to.

  1. Switch the enable mega menu to Yes.
  2. Select Custom for Container width.
  3. Enter the Mega panel width ( e.g. 175px).
  4. Select Mega Menu – Shop for the Use custom block as mega content. (You need to create a block in Custom block > Add new block)

After that, go to Custom block > All custom block and navigate the Mega Menu – Shop and click Edit with Elementor.

Now, you can start to create and edit content of the mega menu.

Was this page helpful?