Categories

Featured templates

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

George Jones April 20, 2015
Rating: 5.0. From 1 vote.
Please wait...

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

JS Animated. How to create a new menu item and drop-down menu with submenus
  1. We are going to create a new menu item between Gallery and About menu items:

    Website-How to create new menu item and drop down menu with submenus-1
  2. You can use FTP or File Manager, open the file that controls Home page. It is index.html located in the root directory:

    Website-How to create new menu item and drop down menu with submenus-2
  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>
    
    Website-How to create new menu item and drop down menu with submenus-3
  4. Paste the code into index.html file between Gallery and About Menu items, then press Save Changes button:

    Website-How to create new menu item and drop down menu with submenus-4
  5. Go back to your web site, refresh the Home page to see the changes:

    Website-How to create new menu item and drop down menu with submenus-5
  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:

JS Animated. How to create a new menu item and drop-down menu with submenus
This entry was posted in JS Animated tutorials and tagged drop-down, HTML, menu, submenu. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.