How to Add a Navigation Menu to the Website

To add a navigation menu to your website, open Block Library > Menu and choose the kind of menu you prefer. To change the settings, click the Content button at the top-left corner.
How to add menu items and links
Menu items can be configured in two ways

1. Adding menu items and links manually
Create an absolute link to the page, like this:

Or put in a relative link:

Addresses of individual pages are set in page settings for each page:
Do not add a private IP address in the Tilda editor, like this:

This is because the page won't open to anyone else except you. The link in the menu won't work.
2. Using a helper to add links (URLs)
Hover over a menu item. You'll see two options for adding a link: Link to Page and Link to Block.
If you click on Link to Page button, a list of site pages will appear. Choose your page and the link will be placed automatically.
If you need to add a link to a block on a page, choose the Link to Block option. You will be taken to your page so you can choose the block you want. Click on the block to make a link from the menu item, and an anchor link will be added automatically.
How to create a menu for all pages
To create a menu for all the pages you have on your site, add a new Page, put a Menu Block there and configure it. Then go to Project Settings > More and designate this page as a Header. After that click on Publish All Pages.

Read more in our Header and footer help article.
How to navigate within one page using a menu
To create a menu for navigation within a single page, write the corresponding Block ID in the links (the link should look like this: #rec2081259). Block ID can be found in Block Settings.

If you want a custom link (e.g. #link), please use an anchor link.
To enable smooth scrolling for anchor links, add the Smooth scrolling option found in block T178 in the Other category.
How to make a menu for a bilingual site
To make a two-language website, you will have to create two projects (Business payment plan required). It is usually handier to create your entire project in one language first and then copy and translate it.
To copy a page, go to page Settings > Actions > Duplicate. To move the page to another website, go to page Settings > Actions > Move page to another site.

Unfortunately, it is impossibe to copy and paste the entire website. We are working to make this possible, however.
Set up the header of both projects adding an ME204 menu block, or one of the universal menus: ME301, ME302, ME303 or the 'hamburger' menus: ME401, ME402, ME304. Go to block content and add languages and links to the projects.

How to make a second-level menu
Add any menu block to the page — this will be a first-level menu. Then add a ME601 block (Menu: second level).

ME601 allows you to add a submenu for the items in the main menu. It will be shown as a drop-down menu on menu item hover on desktops and will be opened on tap on mobile devices.

How it works:
1) In block ME601: Write a linkhook, e.g. #submenu:more
2) In the main menu: Add a #submenu:more link in Block Content → Menu Items as a link of menu item.

Important: Main menu item itself will not be clickable. If you want to have a link on it, duplicate this item in the drop-down menu.

Note: 'More' in '#submenu:more' can be any word, for example: #submenu: portfolio or #submenu:aboutus.
Made on