How do I change the Active tab on my menu?

A lot of our menus have the ability to make one of the menu items Active. This comes in handy with some of our tabbed menus so that the user can easily tell which page they are on.

How do I change the Active tab on my menu?

The problem with this type of design is that that active menu item does not change automatically with each page. There are ways to do this automatically using PHP or javascript, but that is beyond the scope of this site.

If you want to change the active menu item for each page you will need to do it manually, but it really isn't that difficult. If you look at the HTML for the menu item that is active you will see a class called active

<li class='active'><a href='index.html'><span>Home</span></a></li>  

The important part to note here is the:


Just move this little piece of code to the LI element of the menu item you want to be active. You need to do this for each page that your menu is on.