Elementor Popup Mega Menu

How to use Elementor templates to create an Elementor Popup Mega Menu

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

Other Elementor Mega Menu Resources