Editing Menus


This short help video walks you through editing Tendenci's website navigation menu to add and remove links, create sub-menu's, and customize your Tendenci navigation menu.

Video Transcript

In this video I want to show you how you can make changes to your Navigation Menu on your website. Your Main Navigation Menu is in the header of your site and it will be on every page of your site with links to your news, events, calendar. And as you add new content this video will show you how can add that to your menu as well, so site visitors can find information and content on your site.

I'm logged into the site as an admin so when I mouse over the menu here I get this "edit main navigation" menu button which I click on to come to the editor. Inside of your navigation editor you'll be able to look at a visual representation of your menu right here with these easy drag and drop buttons, for example I can hold the left mouse key down, drag "News" down there, and when I save it, I've now put (the "News" link) right here.

We'll go back to edit it and you'll be able to see we also have the ability to create sub menus, which are menus underneath, for example events has the sub menus for calendar and event photos and the way it looks here is calendar and event photos are indented. If I wanted "Calendar" to come out I would click the left arrow button and save it and now calendar is a main menu item with event photos underneath it.

You can do a couple of other things to add new menu items and on the left side over here we have our pages list. When you add a new page to your site it will automatically show up over here. To add it to your menu you just simply check the box and hit add selected and you see it pops up over here. You can move it to wherever you would like to have it and save it. And now you've got new page for menu video. You can see that the template dynamically expands to make room for larger menu items.

So if you wanted to have a really large menu it would just keep coming down. However, maybe you don't want it to look quite like that so you can edit it again and you'll click on the box here, come to the label and we'll just call this new page and we'll hit save. And now it says new page and that's how you change the way the name of it is. That drop down as you can see here when I click this to uncollapse it, it has the URL for title attributes if you wanted to add a CSS class and if you wanted to remove it you would simply click the remove and save...and now it's not on the menu again.

And if you come back here you can see the page still exists when you remove it, it's just doesn't keep it here in the navigation. You can add custom item, so if you want it to link to an outside website, for example, you would enter the URL, what you wanted to call it and hit save. And now you've got another one that links to an external site.

So it's pretty simple to make changes to your navigation and add things to it. I showed you a little bit about the custom, how to remove, moving them around, and how to create the different tiers by using our indent feature. And hopefully you'll have a lot of fun using this to create a great menu for your site visitors to get around in Tendenci.