hi guys
today we are going to see
how you can create a mega menu on your wordpress website
let's say you have a website
and you have a lot of pages and different categories on your site
so instead of using a default menu
with only a few pages like this
let's say you want to create a mega menu
where you can add all the pages and categories on your site
so your visitors can easily find any page they want
right from your menu
you can do that by watching this video
so after watching this video
you will be able to create a mega menu like this
and you can also add images like this
now if your visitors click any page
it will take them to that page
now having a mega menu will help you keep your website organized
and let your visitors easily navigate through your website
so make sure you watch this video till the end
to learn how to create a mega menu
so let's get started
I'm Harshit from website learners
and let's start creating our mega menu
now to create a mega menu we are going to do three steps
the first step is to install a plugin
so to install the plugin
let's go to our wordpress dashboard
now go to plugins
and click add new
now here
search for elements kit
And you will get this plugin
now this is the plugin which will help us to create mega menu on our wordpress site
so to install the plugin
let's click install
and then
click activate
we have successfully installed the plugin
once you have installed the plugin
in order to make the elements kit plugin work properly
you need to install the elementor plugin
so let's click install
and click activate plugin
so now we have installed the elementor plugin on our site
once you've installed both the plugins
now to make the mega menu appear on our site
first we need to create a separate header section on our site
so next let's go to step 2 which is to create a header section
to create it
let's go to elements kit
and click header footer
and then click add new
now here give a name for your section
I am going to enter header
and activate it
and then click edit
and it will take you to this page where you can design your header section
ok now you need to select a layout for our header section
to select the layout
click here
and click sections
then go to category
and click header
here you will get different types of layouts
which you can use to design your header section
now to see the preview of how your layout looks
click on it
and you can see how the layout looks
now if you like this layout
click insert
as you can see the layout has been inserted
once you have selected the layout
here you can see that we don't have the menu
to add the menu
click here
and select the menu you want to display on your header section
as i want to display the main menu
let's select main menu
now to add your logo here
just click the pencil icon
and click here
now drag and drop your logo here
as you can see our logo has been added
ok once you have created your header
just click update
and the header section will be added to your website
to check that if we go back to our site
you can see that this is our default header
and now if we click refresh
you can see that our header has been changed
so we have now successfully created the header section
once you have created the header section
now if you go here you can see
that the mega menu is not displayed on our site
next let's go to step 3
which is to enable the mega menu
so to enable it
let's go back to wordpress dashboard
then go to appearance
and click menus
and then enable this option
once you have enabled the mega menu
next you need to select for which page you want to add the mega menu
let's say you want to add the mega menu to this page
so just go here
and click here
and enable mega menu
now the mega menu will be enabled for that page
once you have enabled it
next you need to select the design for your mega menu
to select it
let's click edit mega menu content
and click here
and then click sections
now go to category
and click mega menu
now here you will get different designs for your mega menu
select the one you want
i am going to select this
and click insert
as you can see that we have got the design which we selected
once you have selected the design for your mega menu
now here you can see that we have these default pages
instead of this what if you want to add your category pages here
so that when someone clicks on it
it will directly take them to that page
so to add the category page
here you need to enter the category name
so just click here
i am going to enter t-shirts
now to add your category image
just go here
and click the pencil icon
and then
click choose image
now drag and drop the image you want
as you can see the image has been added
now let's add the pages under these categories
click here
and then click here
enter the page name
i am going to enter polo t-shirts
now here you need to enter the link of the page
so to get the link
let's go back to our site
then go to all products
and click polo t-shirts
and here you can see that we have got the link
now let's copy it
then go back to this tab
and paste it here
okay
now in the same way you can add all the other pages
so this is how you can add the category pages to the mega menu
now if you want to delete any section
all you have to do is just click here
and the section will be deleted
once you have done with all the changes
just click update
and close this
and then click save
and again click save
now the mega menu will be added to our site
to check that let's go back to our site
and click refresh
now if you go here
you can see that we have got the mega menu
and if you click on any category page
you can see that it directly takes us to that page
ok
so we have now successfully created the mega menu
now let's say you want to display the mega menu in a full width like this
to do that let's go back to our wordpress dashboard
then go to appearance
and click menus
now click on the page where you edit the mega menu before
then click settings
now here select full width
and default
and then click save
now if you go back to our site
and click refresh
you can see that we have got the mega menu in full size
this is how you can create a mega menu and add it to your wordpress website
now if you want to add different and unique menu templates to your website like this
you need to get the pro version of the elements kit plugin
so to get it just click the link below this video
and you can purchase the pro version of the plugin from here
so that's it guys
now you know how to create a mega menu
and if you want to know more about wordpress
you can check out our wordpress course here
okay also make sure you click the subscribe button to see more videos from us
so thanks for watching
i'll see you in the next video
till then take care
bye bye