JS Animated. How to edit the menu titles

This tutorial will show you how to edit menu titles in Website templates.

You can see the menu on the screenshot below:

1. First of all, open the template directory. You can connect to Cpanel, select File Manager or connect to FTP:

   

   You will see several HTML files: index, index-1, index-2 etc. Each index file is a separate page of your template. These files could be modified with your HTML editor (Notepad, Adobe Dreamweaver, etc).

   If you are in your File Manager, you can edit the files directly there:

   

2. Open any index file. You can use the search tool (CTRL+F) and search for the button titles or just scroll down through the code. The menus are usually created using the unordered list structure (<ul> and <li> tags):

   <ul class="navbar-nav sf-menu navbar-right" data-type="navbar">
   	<li>
   		<a href="index-1.html">About Us</a>
   	</li>
   	<li>
   		<a href="index-2.html">Our Team</a>
   	</li>
   	<li>
   		<a href="index-3.html">Product</a>
   	</li>
   	<li>
   		<a href="index-4.html">Partners</a>
   	</li>
   	<li>
   		<a href="index-5.html">Blog</a>
   	</li>
   	<li>
   		<a href="index-6.html">Contact Us</a>
   	</li>
   </ul>
   	

   To change the title, edit the text between the <a…> and </a> tags. For example, to change the title About Us with Who we are, we just need to replace:

   <a href="index-1.html">About Us</a>

   with:

   <a href="index-1.html">Who we are</a>

   Please note that in order to change the menu for every page you should perform the above changes in all index files.

Refresh the index page to see the new title:

Feel free to check the detailed video tutorial below: