How to Create Mega Menu in Your WordPress Website

[ad_1] 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 [ad_2] #Create #Mega #Menu #WordPress #Website For More Interesting Article Visit : https://mycyberbase.com/ https://mycyberbase.com/technology/how-to-create-mega-menu-in-your-wordpress-website/?feed_id=9534&_unique_id=647733d95bc47 #Technology