Master the new WordPress Menu System

The way we create menus has completely changed with Full Site Editing and in this video I will take you step by step how to manage WordPress menus when using a Block Based Theme and the new Gutenberg Navigation Block.

Important note - you'll only have access to the new menu system if you are using a full site editing theme.

Timeline
0:00 - Intro
0:50 - The classic menu system
1:00 - Adding an existing menu to a FSE Theme
4:00 - Creating a new Gutenberg menu
5:50 - How to add a sub menu or drop down menu to Gutenberg navigation
7:15 - How to move or remove a menu item
7:43 - How to add search to your menu
8:55 - How to add social icons to your menu
10:00 - How to add space between menu items
11:00 - How to add a phone number to your menu
11:20 - How to add your email to your menu
11:55 - How to change the text colour and background colour of your menu

[mikhail]

I'll never get tired of that intro song

[IgnasiTort]

Just in case someone in Wordpress reads the comment. This new menu is so complicated that I needed to watch this very informative video to comprehend how to do things! I needed an hour to make the first menu. And I think it's due to two different issues: UI experience is poor and it is more complicated if you work in a laptop (you can not see all information together in the screen) .
Thank you for this great video!

[ilboscodellegallinevolanti]

thank you very much for the simple and very useful video, the only one that made me understand how menu construction works.
If you happen to come to northern Italy, I'll gladly offer you a good glass of Barolo

[susanpearson-creativefibro]

Thank you, I am basically searching your Youtube channel instead of Google now for Gutenberg questions.

[harmonicresonanceproject]

This really is the only YT vid that explains this properly. Thanks!

[natashajakimovska]

I was struggling with days to create my new menu till today. U saved my nerves and time. Thank you!

[RonNVids]

Came back to this video to sort out a problem I was having displaying the social icons block. Thanks for all the great content!

[gogee]

Thank you for your video. I did not realise this new menu system came in a year ago. I had trouble on a new site which I was doing with WordPress 6.1 and I thought it was a new feature; but you have explained it very well, better than any other video. Thanks again.

[agnesbury]

Thank you for the tip on how to add some space between menu items and the one about hitting Return that adds a placeholder. Super useful. And also thank you for the timeline for this video with meaningful headings.

[faultierinderschule]

Finally someone who can explain this to me, thank you. ^^;

[chris]

Never seen a tuto video that well done. Keep it up

[kristinaus]

Thank you! Really appreciate your approach to teaching us all FSE. Practical tips are great - and for me the only way to learn this.

[amandarodriguez]

You have literally saved my life! Thank you so much!

[PaulGillard-English-Artist]

This is a very useful tutorial. Thanks Jamie!

[rmcellig]

Excellent and so easy and straightforward!!😀

[loliradotopper]

Thank you for choosing Bai theme. I’m a big fan .

[anitalhummel]

Wow this was great. Thank you so much. Just what I needed

[mahermuhtadi]

Loved it! And the cat treat is awesome :-)

[theoneandonlyzulu]

Great explanation on the state of this block. Though it does have me worried that this is the direction WordPress are going in, if this is taking over from "classic" navigation, it's got a long way to go. At the moment it feels very flimsy, almost like I'm hacking the theme, or I'm using something that was built as a poc for a tech demo and not something that was ready for core.

[nando]

Thanks for this great video. There are several design options available. I miss others. For example, do you see a way to insert dividers or separators in dropdown menus the easy way?