Create a Free Elementor Mega Menu using HT Mega Menu Builder

In this blog post, I’ll show you how to create a free Elementor mega menu using the HT Mega Addons for Elementor. HT Mega Addons is a free Elementor extension that not only enables you to create mega menus for your Elementor website but also provides you with several features/widgets that enable you to build your site without needing extra plugins.

In this tutorial, we’ll use the free Menu Builder feature from the HT Mega Addons. Let’s get started.

Note: the digits in brackets e.g. (00:02) indicate the minutes of that exact explanation in the video so you can easily jump to that section and follow along.

Free Elementor Mega Menu Tutorial using HT Mega Addons

Install HT Mega Addons

Log into your Elementor website and go to Plugins > Add New, search for HT Mega Addons, install and activate it (00:46)

6ZxTMpry1dvLV lvwZ pzJ12HJGmEdK 3Ni77bBTC1DUUfrxcGq5bq2IS6TkXBZ8ImEx0uBi6aUstu4s1RcgLW4sxam4YslceS60GjhyCo9ZuVl erUqlYxr FPx2Uhm GVpj0 y

After activation, HT Mega Addons will show up on the dashboard menu, click on it and in the next window you’ll see a list of widgets. Go to Advanced Addons and enable the Menu Builder (01:44), then save changes.

Free Elementor Mega Menu builder by HT Mega Addons

After saving your settings, click on HT Menu, which will take you to a dashboard where you can style your menu to your preference (02:01)

To Read: Create Free Elementor Mega Menu with Elements Kit

Create Mega Menu

When you’re done styling your menu, the next step is to create your mega menu. To do this:

Go to Appearance > Menus, check the Enable Mega Menu option then save (02:25).

wF CoEQpulB7Ez4J1Ef2A8ePt ka7k uFZnh0vV2WWJaUOFuboFELj9BTufonhNDOOqpoJIJ0Zgiyv28uLaNLMGZBxEtHCmx44Yy5LlXV9BnXwzj90RSSjMdqzZ1cHS CncBqRNq

Under Menu Structure is a list of items that are present in the menu on the website. We’re going to add another menu item where the mega menu will be added.

Under Add menu items go to Custom Links, add a hashtag (#) under URL and add Works under Link Text, then click Add to Menu (03:14).

Drag the new item (Works) and position it above Contact, then click the Save menu button.

a8O2we 7AM2O3yj6gQjCG3Ejw6Om0pTjd4I46efQGKedT3rzZXcwDQsdVqhAsr4J8usa8 KoNvxiSyzMJPbbgBrMi Gi5w4dRxO9lgECKZiZreUdn9REExRoh

When you go to the website and reload, Works will be added as a new menu item (03:38)

cAvRKsD7CJJovWAT7tmlfQjMLBlWd73T7AivSp1zs0uvXTVhNMjf3LfytPP9T0RSpS7vTbmOC50Y6NwOXNq4CO1Q8WIkBW5Bszv0E D3UuAFS5LZsc6Rf eTLYqoGGI6H3DrBBBf

Back in your menu structure, click on Works and check the Enable Mega Menu option, then on the select template option you can choose a template to use in your mega menu; a template you should’ve created using Elementor (04:32), then Save Menu.

LDLsgZK whRV qwosXgTJwCu3l IcPdqeFzBpISnVX4hy759GxLXOtHM z6z 0VJ43XYOkK2KoKAGHkKQYLiD49Ek36gwI0x1WJZlN35hV97ENzFgeubapdlZ2VeKI rmN4FsGbL

After saving the menu go to your website and reload it, your mega menu should show up under Works (05:43)

iC3qkn0oCwThNxHCGeC 3tAy0VxyCIS5shW4wOrZXvd8iSvTHlqXYIWS7Otxki7t7dUYM jhAafK9izBsxWInMUhTyad7KqYYKz d1f5VNVWSw9l4RhI98dRqgQ7KQpJRCuj9 vF

You can also do more customization on your mega menu back under the menu structure. For example, you can change your menu width, you can add a menu icon, a badge, etc. and for even more advanced customizations, you’ll need the pro version of HT Mega Addons.

p5vuPPbG8YsfKujS77V9AKYgq2Y n9CkoyAEgKnKn9tUjNkN4wywyqKZnW5EKRhBWDpMDM2lkkCWiXHw vXdy lMtjaOn111eVOvhfvPtd4rmxf4g6JHiVlAf Efs

Also Read: Max Mega Menu for Elementor – Create Free Elementor Mega Menus

In conclusion

That’s how you can use HT Mega Addons to create a mega menu for your Elementor website.

All you need is to activate your plugin, create your mega menu, create your template with Elementor and add it to your mega menu, and you’re all done!

And to top this off, your mega menu will also be completely responsive on both tablet and mobile devices.

For any questions or comments about this or any other tutorial, let me know in the comments section below, and don’t forget to subscribe to my newsletter and youtube channel for more of these tips and tutorials.

Also Read. . .

How To Delete A Facebook Group in 2024?

Facebook allows for group interactions through its Facebook groups feature.  Facebook groups are created for specific reasons and attract like-minded people.  At some point, however, you may need to get rid of the group for

Read More »
Newsletter Subscription (EF)
Picture of Hamza
Hamza comes from a design background with over 10years of experience in Web and Media design. He enjoys making web design videos on his YouTube channel GoTechUG. He also writes web design articles on this website. In his free time, Hamza loves riding a bicycle, swimming or going hiking.

Leave a Comment

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


Recommended Tools

Hostinger offers premium WordPress hosting for small and medium size websites at an affordable price rated 4.5/5 on Trustpilot

Elementor is the WordPress most popular page builder with over 10 million active users