Up next in 10
How to Create a Menu in WordPress _ ( Drop Down Menu )
737 views
Jan 27, 2024
In this instructional video titled "How to Create a Menu in WordPress (Drop Down Menu)," viewers will learn step-by-step guidance on setting up and customizing a navigation menu in a WordPress website. The tutorial specifically focuses on creating a drop-down menu, a dynamic feature that enhances website navigation by organizing content in a hierarchical structure. The video covers the process of adding pages, custom links, and submenus to the menu, as well as adjusting the menu settings to achieve a polished and user-friendly website navigation experience. Whether you're a WordPress beginner or seeking to enhance your website's menu functionality, this tutorial provides clear and practical insights for creating an effective drop-down menu in WordPress.
View Video Transcript
0:00
Hello everyone, welcome to Kit Blogging and in this video I will show you how you can create
0:04
a drop down menu in your WordPress website. So you can easily create multiple menu and add it in
0:10
different places. Like you can add the menu in the navigation bar or you can add a menu in the
0:16
footer section. So let's check how you can create a multi drop down menu in your WordPress website
0:23
So for this you have to go to your WordPress dashboard and here click on appearance section and then
0:28
click on the menus. So here you can create different menu. So as you can see, I have already
0:34
created a primary menu. So let me just create a new menu. So for this you can click on this
0:41
option, create a new menu. But before that, let me just show you how you can unlock different
0:47
functionality in the menu. So for this you have to click on the screen option and here you can
0:52
select post pages custom link or categories. Or you can even select the link
0:58
link target or CSS class. So if you turn on the link target, then you can open the menu in a new tab
1:07
So let me just close this and let's create a new menu. And I will name it like secondary menu
1:19
And I will select the option secondary. Now let me just click on create menu. Now the second menu. Now the
1:28
secondary menu is selected. So now you can switch between primary menu or secondary menu
1:35
So here the secondary menu is selected. Now you can add different menu
1:40
So for this you have to use this left sidebar option. So here you can directly add different pages like if I click on About Us page and click on Add to menu it will add the About Us page in the menu So let me just click on contactus page and newsletter page to this menu
2:03
Now you can adjust the position of the menu. So if I want to move the contactors position to the above, then you can simply drag this
2:12
contact Autumn button and select this. Now you can add different posts
2:18
So I don't use post in menu and here you can create a custom link
2:24
So let me just add a custom link of block and here you can add the link like I will flip
2:32
a link as and click on add to menu. So the block is added
2:38
So let me just move it to the top and here you can add different sub menu
2:45
So let me just create a sub menu. And here you can add a link and click on Add to menu
2:57
Now the sub menu is added. So you can simply drag this and drop it just below the block
3:04
So if you add this in this way, then it will show in a new menu and if you just drag it
3:11
to the right, it will add it under the block. So let me just create another sub menu, sub menu 2, and let me just add the link
3:25
and click on add 2 menu. Now you can drag this sub menu just below the sub menu 1
3:35
Now let me just save this and let's click on Manage with Live Preview
3:45
So now you can set the position So let me just select to primary And as you can see the menu is changed in this header navigation so we have added the block and we have created to sub menu one
4:01
and sub menu two under the block or you can also add another layer so let me just click on
4:08
add item and here i will select the option category and let me just add the wordpress category here
4:16
and i will add the blogging category and SEO category now i will move this to submenu 2 so just
4:28
add it like this and let's add the blogging just under the WordPress and let me just click on
4:41
add item and as you can see under sub menu 2 you will
4:46
see these three options. So in this way you can nest at different menu under a sub menu. You
4:54
can also nested the WordPress just under the SEO so that when you hover over this SEO
5:01
it will show the WordPress in the SEO option. So in this way you can adjust your menu in your
5:08
WordPress website. So let me just close this so that it will not show in the front end
5:16
Now you can select different menu. So let me just click on secondary menu and here you can delete this menu
5:27
So let me just delete this menu. Okay, now the secondary menu is deleted
5:36
Let me just close this and let me just refresh this. And as you can see the menu is not changed in the front end because we have been able to we have deleted the secondary menu So in this way you can create different menu and you can also create different menu for desktop and different menu for mobile
5:57
So just create a menu for desktop and select the primary option and then create another menu and just
6:04
select the mobile option. So you have to uncheck the mobile option from the desktop and create a
6:11
a new menu and select the mobile option. So if you want to manage the header section in Cadence theme, then you have to go to the
6:20
customize section. And here you have to select the header option. So here you can adjust the position and as you can see, we have added the primary navigation
6:34
So if you have created any other custom navigation, then you can add it like that
6:40
So you have to just drag the secondary navigation like this and add it here
6:45
And here you can delete the primary navigation so that it will add the secondary navigation
6:50
in this position. So I will add the primary navigation here. Okay, now it is looking right
6:58
You can also add button if you are using Cadence Pro theme, but if you are using three
7:04
theme, then you can add button by following this guide. Just search for..
7:10
navigation button in the channel charge bar. And here you will find this video
7:18
So in this way you can add buttons using the free cadence theme
7:22
I hope this video help you how to create a menu in WordPress and create different sub menu
7:28
and drop down menu in WordPress. And if this video helpful to you, then makes sure to hit the like button
7:34
And if you have any other doubt regarding WordPress, then you can ask me in the comment section
7:39
I will definitely try to help you with that. I will see you in the next video
7:45
Bye bye