JS Animated. How to create a new menu item and drop-down menu with submenus

This video tutorial is going to show how to create a new menu item and drop down menu with submenus in Website templates.

1. We are going to create a new menu item between Gallery and About menu items:

   

2. You can use FTP or File Manager, open the file that controls Home page. It is index.html located in the root directory:

   

3. In index.html file search for the Programs Item with the submenus and copy the code:

   <li><a href="index-1.html">programs</a>
     <ul>
     <li><a href="#">Fermentum nisl</a></li>
     
     <li><a href="#">Mauris accumsan </a></li>
     <li><a href="#">Nulla vel diam </a>
     <ul>
     <li><a href="#">Fermentum nisl</a></li>
     
     <li><a href="#">Mauris accumsan </a></li>
     <li><a href="#">Nulla vel diam </a></li>
     <li><a href="#">Sed in lacus ut </a></li>
     </ul>
     </li>
     <li><a href="#">Sed in lacus ut </a></li>
     </ul>
     </li>
   

   

4. Paste the code into index.html file between Gallery and About Menu items, then press Save Changes button:

   

5. Go back to your web site, refresh the Home page to see the changes:

   

6. In order to make New Menu Item with submenus available on all pages of your web site, you should repeat the process that was made in index.html file to the rest .html files in the root folder on your server.

Feel free to check the detailed video tutorial below: