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.
- Switch the enable mega menu to Yes.
- Select Custom for Container width.
- Enter the Mega panel width ( e.g. 175px).
- 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.