Pages Megamenu

  1. Navigate to Static Content > Add New.
  2. Give it a title, lets say “Pages Megamenu“. The title is not used anywhere in displaying the menu.
  3. Click on Edit with KingComposer button. It will display King Composer Backend Editor “OR” Click on Edit with Elementor button to Backend Editor.
  4. We will use this back end editor to build our Pages Megamenu Item.
  5. Pages Megamenu has 1 row with four columns in the ratio 25% + 25% + 25% + 25%.

The Details

Row 1

  • Column 1 – Click on the Add Elements text. It should popup Add Elements screen. Let us add Navigation Menu widget under Widgets. I have already created a menu (via Appearance > Menus).
    • Widget Title :
    • Menu : Pages Menu #1 ( name of the menu created already)

Setting for KingComposer

Setting for Elementor

  • Column 2 – Click on the Add Elements text. It should popup Add Elements screen. Let us add Navigation Menu widget under Widgets. I have already created a menu (via Appearance > Menus).
    • Widget Title :
    • Menu : Pages Menu #2 ( name of the menu created already)
  • Column 3 – Click on the Add Elements text. It should popup Add Elements screen. Let us add Navigation Menu widget under Widgets. I have already created a menu (via Appearance > Menus).
    • Widget Title :
    • Menu : Pages Menu #3 ( name of the menu created already)
  • Column 4 – Click on the Add Elements text. It should popup Add Elements screen. Let us add Navigation Menu widget under Widgets. I have already created a menu (via Appearance > Menus).
    • Widget Title :
    • Menu : Pages Menu #4 ( name of the menu created already)

Output of Pages Megamenu Item