If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

JS Animated. How to edit the menu titles

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

JS Animated. How to edit the menu titles

You can see the menu on the screenshot below:

JS_Animated-How_to_edit_the_HTML_menu_titles-1

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

    JS_Animated-How_to_edit_the_HTML_menu_titles-2

    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:

    JS_Animated-How_to_edit_the_HTML_menu_titles-3

  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:

JS_Animated-How_to_edit_the_HTML_menu_titles-4

Feel free to check the detailed video tutorial below:

JS Animated. How to edit the menu titles

JS Animated. How to edit the menu titles, 5.0 out of 5 based on 1 rating