Now that we created our menu in the online builder, let’s go through the process of inserting the menu in our website.
Downloading our menu
Click on the download button
Editing our index.html
Open the index.html file and copy the contents from the div “cssmenu” of your index file. It will look something like this:
You should be able to see an unfinished version of your menu with blue text, now let’s insert the css and js files to make our menus fully functional.
Inserting the css and jquery files
For the css file you will need to copy the following code and paste it inside thetag of your html file.
Note: Please remember that the “href” points at the location of the css file, if you put the file inside a folder you should change the direction, for example:
This will search for the styles.css inside a “css” folder.
For the js file you will need the following code inside thetag of your html file.
Note: The same rule applies for the script.js, you will need to point at the location of the script file in your webpage folder.
After this you should be able to see your menu with all the functionalities! Congratulations!