Introducing Mega Menu within the Nav Menu Addon in Astra!

Introducing Mega Menu within the Nav Menu Addon!

The wait is over!

After quite a many Beta releases, we introduce the most awaited Mega Menu in the Astra Pro Addon version 1.6.0. We’ve worked tirelessly to present you the easiest and fastest method to design beautiful mega menus on your website.

Yes! You can now create attractive menus to help users navigate within your website. Just be sure you have the Astra theme version 1.5.0 and the Astra Pro addon version 1.6.0 onwards installed on your website.

Here are a few highlights of the Mega Menu

Several Styling Options

The Astra menu settings within a mega menu allow you to add background images, place menu items in several columns, add column headings, add highlight labels and a lot more. You can also select the width of your menu through these settings. All these options are available within the menu settings.

However, you can also add custom text, shortcodes, HTML code, etc. within your menu content. This means that you can customize your menu with anything that you want to0 show within it.

Fetch Widgets in a Menu

Mega Menu allow you to fetch WordPress default widgets or any other widgets your website might have. Display contact forms, maps, social media icons etc. within a menu.

Fetch Page Builder Templates

Need a complete and advanced menu? You can build pages and sections using different page builders, save them as templates, and fetch them within your menu.

Enabling Mega Menu on a Website

Mega Menu can be enabled when you activate the Nav Menu module available in Astra Pro version 1.6.0. This module also lets you format the menu pointers by selecting a style and your desired color for them. This will be applicable on all the menus of your website.

To read more about the Mega menu within this module, you can refer to our knowledge base article in which we have an Overview of the Nav Menu module.

Get Your Mega Menus Live Today!

While most of you were waiting for us to go live with this exciting module, we too wanted to make sure we present to you all that you are looking for. This is what made us work continuously improvising the module in all the beta releases and presenting to you a beautiful solution to build mega menu in minutes!

So, go ahead and build yours! We are waiting to see some amazing menus on your website! 😉

Want to be an inspiration? Share your menu ideas in the comments below or within our Facebook group. We would love to see your creativity let out using mega menus!

Need help or have any suggestions for us, please feel free to write to us. 🙂

Join 635,020 Subscribers

Get exclusive access to new tips, articles, guides, updates, and more.


      1. Hello Reesh,

        You can select the Content source within the child menu settings when you create a mega menu.

        You can refer to Step 4 in the knowledge base article about the Nav Menu Module.

        The article also has a video that will give you an idea of how things work.

    1. I did notice that I needed to make the menu “below header” otherwise it did not look right.

      Otherwise, it works with an Elementor tablet, but I’m struggling to figure out how to control the width. “Content” width basically works, although for some reason changing the content doesn’t seem to affect the width of the menu.

  1. Excellent news!!! Will we be able to use this Astra controlled menu in Elementor teader templates? They have the nav menu element but it takes over styling and I wonder if the mega menu options and such will keep working?

  2. It sure has been a long time coming, glad to see we finally get the mega menu!

    Maybe I missed it but I don’t see anything about mobile or responsive and what it looks like, is there a demo or do I just have to test it on my side?

    1. Hello! I am sorry I missed this comment somehow.

      The Mega Menu is a feature made available in the Astra Pro addon. In case you have the addon already and aren’t able to get that working, please open up a ticket at our support center, so that we can help you asap. 🙂

      1. This is a higly required feature. In addition to the click, i would really appreciate if you add customization of click action such as bacground/font changes, etc…

    1. This option should be in any theme right now. The Astra menu is not touch friendly now!! I expected that this quality theme should have it as it is such a popular theme. This is a real painful issue for me now, as i already installed the the theme and got working on this clients website.

  3. I think this is one of the most significant information for me. And i’m glad reading your article. Thank for sharing!

    1. Hello

      Regretfully, the option you are looking for is not available as of now. But I would love to take this as a suggestion. We note down your suggestion and add to our to-do list that is forwarded to our developers to see if it is possible to add this feature.

    1. Hello Ute,

      We do have a Spacing module in our Astra Pro plugin which helps you to manage the Padding to the NavMenu items.

      You can locate the setting with the module enabled, under Customize > Header > Primary Menu.

      Here’s the screenshot where you can find the same –

  4. Hi there, I love the megamenu but, for accesibility reasons, I need for it to open on click, not on hover. Suggestions appreciated!

Leave a Comment

Your email address will not be published. Required fields are marked *


Biggest Ever Cyber Monday Sale!


Don't Miss Our Biggest Discount


100% Unconditional Money-back Guarantee

Purchase today & lock in your deal!

Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.