Full JS 3. How to add a new page and a menu item

This tutorial shows how to add a new page and a menu item in Full JS 3 templates.

1. Open index.html file from the “site” folder in your code editor. In this section we can see code for menu. You can add menu or sub menu items. Copy appropriate elements for the new menu item. Be sure to set a unique link and assign the menu title.

   

2. We are going to copy the content of existing page. After that we will be able to change the content of this page. We have located code for about page. Copy entire content of this page. Keep coding structure.

   

3. Paste code, change data-id and page id. Please note that data-id should be the same as the link you have set for the menu item. We have specified id page6. Change content and save changes.

   

4. Refresh the page and check how your page looks.

   

Feel free to check the detailed video tutorial below: