Elementor Popup Mega Menu
How to use Elementor templates to create an Elementor Popup Mega Menu
- Create the Navigation Menu.
- Instead of using the Nav Menu widget, use the Icon List widget.
- Content
- Set Layout to Inline
- Create each menu item separately
- Link > Popup > Action = Open Poup > Select the correct template
- Note: Each Nav item will have its own Elementor Popup template
- Create each Popup Template
- Templates > Popuops > Add New > Enter the name > Create Teamplate
- Create from scratch, 4 column layout
- Edit Popup Settings
- Width: 100 VW
- Height: Fit To Content
- Horizontal: Center
- Vertical: Top
- Overlay: Hide
- Close Button: Show
- Entrance Animation: Fade In Down
- Exit Animation: Fade Out Up
- Style > Popup > Background-color: transparent
- Edit Section
- Style > Background-color: white
- Advanced > Margin-top: 80px
- Edit Popup Settings