Skip to content
Support center
  • Home
  • Support Center
  • Docs
  • Changelog

General

  • Support
  • Plugin Bundled with Themes
  • How to Revoke Product License Key
  • How to purchase ElementsKit and Metform Pro License

Elements Kit

  • Widget Builder
  • Header Footer Builder
  • Mega Menu Builder
  • Vertical Mega Menu
  • One Page Scroll
  • Parallax Effects
  • Sticky Content Module
  • Instagram Feed API
  • Facebook Feed API
  • Facebook Messenger
  • Twitter Feed API
  • Advanced Accordion
  • Advanced Tab
  • Timeline
  • Advanced Chart
  • Data Table
  • Creative Button
  • Motion Text
  • Hotspot
  • Gallery
  • Woocommerce Product List
  • Woocommerce Category List
  • Woocommerce Mini Cart
  • Woocommerce Product Carousel
  • Heading Title
  • Button
  • Team
  • Accordion
  • Tab
  • Social Media
  • Client Logo
  • Mailchimp
  • FAQ
  • Image
  • FunFact
  • Countdown Timer
  • Image Box
  • Image Accordion
  • Icon Box
  • Pie-Chart
  • Progress Bar
  • Pricing Table
  • Testimonial
  • Header Info
  • Video
  • Image Comparison
  • Post Tab
  • Post List
  • Page List
  • Header Off-canvas
  • Dropcaps
  • Duel Button
  • Business Hours
  • Social Share
  • Category List
  • Search
  • Post Grid
  • Nav Menu
  • Contact Form 7
  • Caldera Form
  • We Forms
  • Wp Forms
  • Ninja Forms
  • Tablepress
  • Unfold
  • Advanced Toggle

MetForm

  • Getting Started
  • Form Input Field
  • Pro Input Field List
  • Pro Feature- Multi-Step Form
  • Pro Feature- Calculation
  • Pro Feature- Payment Method
  • Pro Feature- Conditional Logic
  • General
  • Confirmation
  • Notification Email
  • Integration
  • Payment
  • CRM
  • Auth
  • reCAPTCHA Integration
  • PayPal Payment Set Up
  • Stripe Payment Set Up
  • Thank You Page
  • Mailchimp Integration
  • AWeber Integration
  • ActiveCampaign
  • GetResponse Integration
  • ConvertKit Integration
  • Hubspot
  • Zoho
  • MailPoet Integration
  • Slack Integration
  • Support
  • WooCommerce Checkout
  • Create Post with MetForm
  • Response Message

WP Social

  • GETTING STARTED WITH WP SOCIAL
  • WP SOCIAL FACEBOOK LOGIN
  • WP SOCIAL GOOGLE LOGIN APP
  • WP SOCIAL LINKEDIN LOGIN APP
  • WP SOCIAL TWITTER APP
  • WP SOCIAL WORDPRESS APP
  • WP SOCIAL GITHUB APP
  • WP SOCIAL REDDIT APP
  • WP SOCIAL DRIBBBLE APP
  • WP SOCIAL COMMENT COUNT
  • WP SOCIAL POST COUNT

WP Ultimate Review

  • Settings

WP Fundraising Donation

  • Getting Started with WP Fundraising
  • WP Fundraising With Crowdfunding
  • WP fundraising with Single Donation Campaign
  • Others Way to Add Campaign
  • WP Fundraising With Default Payments
  • WP Fundraising with Woocommerce
  • Short-Code
  • Do-Action
  • Home
  • Docs
  • Elements Kit
  • Mega Menu Builder

Mega Menu Builder

Table of Contents
  • Get Started
  • Add Menu
  • Customize Megamenu Content
    • Layout
      • Content Width Box
      • Content Full Width
      • Column Gap
      • Height
      • Vertical Align
      • Overflow
      • HTML Tag
    • Icon
    • Badge
    • Settings
      • Default Width
      • Full Width
      • Custom Width

** NOTE : In order to use our megamenu feature you must have to use our EKIT nav menu widget for the menu section (https://prnt.sc/t7senb) on the header.

Get Started #

Build custom header footer with ease, no complex settings to confuse you anymore! Use any element-widgets you like.

Watch our video guide:

Or, follow the step by step instructions:

1. Make sure Megamenu module is ON from ElementsKit → MODULES

Add Menu #

  • Click on Create a New Menu
  • Provide Menu Name=> Check the Checkbox=> Create Menu

Click on Custom Link=> Provide Link and Add Menu Items in the same way

Checkbox “Enable this menu for Mega menu content” => Click on the Mega Menu with Setting Icon on which Menu item you want to add the Mega Menu.

Customize Megamenu Content #

1. A popup will open, toggle the Mega Menu enable option then Save after that click EDIT MEGAMENU CONTENT button

2. Click the Ekit Template library icon, then navigate to Headers

3. Click on Header=> Mega Menu Content=> Insert any Mega Menu

4. Edit Inner section by clicking the doted Section

Layout #

Content Width Box #

  • Select Box : Customize your Content Width by dragging Right or Left
  • Showing accordingly to the site

Content Full Width #

  • select Full width
  • Showing Full Width to the site

Column Gap #

  • Column Gap=> Select your Column Gap from drop down.

Height #

  • Select your Height dragging Left to Right

Vertical Align #

  • Select Vertical Align from the Drop Down

Overflow #

  • Select Overflow Default or Hidden

HTML Tag #

Select your HTML Tag from Drop Down

  • Click ‘Update‘ to save the menu= Preview the Mega Menu on the Front-End. Click on Manage with Live Preview=> Watch the menu on the site

Icon #

  • Now go to Icon Tab=> Choose any color from the Color Palette
  • Select Icon from the Icon Library
  • Now Go to the Site=> Selected Icon and Color Appeared

Badge #

  • Add or Edit Text
  • Choose Badge Color
  • choose Badge Background Color
  • Click Save
  • Showing Badge Text and Color

Settings #

Default Width #

  • Select Mega Menu Width: Default
  • Select Mega Menu Position: Default
  • Save
  • Site View: Showing Default Width with Default Position
  • Select Mega Menu Width: Default
  • Select Mega Menu Position: Relative
  • Save
  • Site View: Showing Default Width with Relative Position

Full Width #

  • Select Mega Menu Width: Full Width
  • Select Mega Menu Position: Default
  • Save
  • Site View: Showing Full Width with Default Position
  • Select Mega Menu Width: Full Width
  • Select Mega Menu Position: Relative
  • Save
  • Site View: Showing Full Width with Relative Position

Custom Width #

  • Select Mega Menu Width: Custom Width
  • Provide any custom width but by default it is : 750px
  • Select Mega Menu Position: Default
  • Save
  • Site View: Showing Custom Width with Default Position
  • Select Mega Menu Width: Custom Width
  • Provide any custom width but by default it is : 750px
  • Select Mega Menu Position: Relative
  • Save
  • Site View: Showing Custom Width with Relative Position
What are your Feelings
Share This Article :
Updated on November 12, 2020
Parallax Effects Facebook Feed API
Table of Contents
  • Get Started
  • Add Menu
  • Customize Megamenu Content
    • Layout
      • Content Width Box
      • Content Full Width
      • Column Gap
      • Height
      • Vertical Align
      • Overflow
      • HTML Tag
    • Icon
    • Badge
    • Settings
      • Default Width
      • Full Width
      • Custom Width
Copyright © 2021 Wpmet