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 the tag 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 the tag 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!