Hi, in this video, I'm just going to show you how to manage the menu on your website.

Let's dive in. One of the things we can see is I've got these buttons here. We've got normal links here, and we've got two links here which have these colours around them, some buttons.

If we go to the dashboard, go to Appearance and Menus, and we can see the menu tree here. And if we go to toggle this menu, we can see that we have this menu style is button extra color one. And this is a button accent color. Those buttons will change depending on what your accent colours are. Accent colours are set in the Accent colours bit of the theme options.

If you want to change the title of a menu, you can just type that in there if you want to.

Or if you want to delete a menu, you can remove that just by clicking remove, and that will remove that. If you want to add something to a menu, all the pages are here. So if you click View All, you can see all the pages here so you could add one of those pages back.
​
So let's add the home page back and it will appear there. And if you want to move things around, just click and drag. So just click and drag, click and drag. Click and drag. You can move these menus around. If you wanted to make a simple menu, for example, let's just click the privacy one there and we could move that to under About.

And then to make that a drop-down, let's move that to the right. So if we save that menu and visit the site, we can see that no privacy is a drop-down under About.

Now to let people know there's a drop-down, you can put a little arrow there. So it lets people know that there's a drop-down. And how you do that is to go back to the dashboard, go to the theme, header navigation, and in the... I think it's in drop-down, header drop-down arrows, show arrow, and then save that.

Visit site. We can see we've got a little arrow there which shows that there's a drop-down there. If you want to change the background colour of that drop-down, just go to the dashboard, head to navigation, and go to general styling. You got all these different colour options here, so drop-down background.
​
You could change that drop-down background. You could do the background hover, the font colour, and so on.

There are lots of different options here to change those colours. If you want to change the size or font of the menu and go to typography under the navigation and page header bit, we've got the navigation font here.

You can change the size of that or the weight, or if it's capitalised or uppercase or lowercase and so on. You can change all those font options for the navigation font and the navigation font drop-down. You can change the font, family, font size, font weight, and everything for most of the elements on the site, on the navigation and the page titles, the different types of fonts, the buttons, and so on.

So that's that. There's another thing. If I reduce the size of my screen, we can see the Marble menu. What we might want to do is to change the background colour of this to match the blue that we've got on this theme. How you do that is we can just grab the accent colour. If we go to Heading Navigation and go down to Off Canvas menu and we can, no, it's not there, logo and general styling.
​
There is the Off-Canvas navigation background to that. Okay, so if we save that, visit the site, and then if we just reduce that so we can see the Marble menu, we can see it's changed to blue. You can also change the text as well.

The text colour, so for example, instead of doing blue and white, we could, I guess, do white and blue for the Marble menu. We could make the Off-Canvas navigation background white. Now we could make the Off Canvas navigation text blue. The Hover as well, make that blue as well, and then we'll save that.

Now if we go back to visit the site, we can see it's white and blue this time, and the drop-down works like that.

Okay, I hope you enjoyed watching. Thank you.