Download PopularFX Templates

Subscribe to our Newsletter for WordPress related news and tutorials and get a 25% discount !

By entering your email, you agree to our Terms of Service and Privacy Policy

Subscribe to our Newsletter

Subscribe to our Newsletter for WordPress related news and tutorials and get a 25% discount ! Also keep yourself up-to-date of all the templates we add monthly.

New year Offer
35% Off

Offer Expired

PopularFX Mega Menu for your WordPress site

We are here talking about adding the Mega Menu on your WordPress site. In this tutorial, we'll show you how to create your own custom WordPress mega menu using Pagelayer Page Builder.

Table of contents:

1. Create regular WordPress menu.

For making the WordPress regular menu, you need to set up your basic menu using the regular WordPress menu settings. To access these settings, go to the Appearance → Menus.



2. What is a Mega Menu?

Before creating the Mega menu let's understand why we need this type of menu for the site. Mega menus are the obvious choice if you want to upgrade your website navigation. A mega menu is a dropdown menu or expandable navigation area that usually contains more than just a text links.

A good WordPress mega menu tool makes it easy to add a range of content to your dropdown or expandable menu areas. They can include more links, images, buttons, and even products.

For creating the Mega menu with Pagelayer we need to install the Pagelayer pro plugin, for that we need to install the license of the Pagelayer. And if you want to use PopularFX professional theme you need to purchase the PopularFX license. If you purchase the PopularFX license it comes with the Pagelayer pro feature then no need to install the Pagelayer pro license.


Once you activated the license of pro plugin Pagelayer or PopularFX then you can create the mega menu with the Pagelayer page builder. For creating the mega menu you need to open the Header template page go to the Dashboard -> Pagelayer -> Theme Templates -> Header edit this template with Pagelayer.


3. Creating Mega Menu?

For creating the mega-menu you need to click on the Primary / Mega menu widget and in that go to the menu item on which you want to set the mega menu, when you enable the Mega menu from the dropdown list the textarea will be shown below the mega menu item and you can place the widgets from the left sidebar to make the mega menu. 

For better understanding about the mega-menu, refer to the below video tutorial.

Newsletter Subscription
Subscribing you to the mailing list