The element Menu is responsible for adding navigation to your website, which allows users to easily move through subpages. In your template, we have already added this navigation for you.
Add menu item #
In order to edit a menu, right-click on it and select “Edit content”. To add a link to your menu use the “Add button” field. Change the tab to “Linked to”. In the “Page name” field enter a name that will be displayed as a new Menu item. The “Link to” field allows you to choose a link type you would like to create:
- Do Nothing: Creates a menu element without a click action. This option is particularly useful when building a two-level menu. When a user hovers on this element, it unrolls showing the second part of the menu.
- Go to a page: Creates a menu element which after clicking transfers users to a certain subpage on your website.
- Scroll page to selected object: This function is primarily designed for the advanced mode of the editor. You can reach out to us to enable it. It creates a menu element, which after clicking transfers users to a certain element on the chosen page. Select “go to object on page”, choose subpage and element on it. If you don’t know the name of the selected element, click on it and read its name from layers panel (the element shows up in green color).
- Go to an article: Creates a menu element which after clicking transfers users to a certain newspage on your website.
- Other: Creates a customized menu element such as:
- URL address: a menu element which after clicking transfers users to a website of your choice. Type the URL address in the “Website address” section and decide whether it should open in a new browser window.
- Call phone number: runs default calling application like Skype on users‘ computer or automatically dials mobile phone number of your choice on users‘ phone.
- Send E-Mail: opens default mailbox application like Mailbox (Windows 10) on user’s computer or Gmail on user’s mobile phone and automatically puts a recipient e-mail address of your choice.
- View or download file: Allows the user to download an image or a file of your choice.
Remove Page from Menu #
1. In order to remove a subpage from the menu, click the “edit” button.
2. Then click the “remove” button. Done, subpage removed.
Change Pages‘ order in Menu #
To change pages‘ order, just drag it and place it where you want it in your menu.
Add subpages to Menu #
In order to add elements to the second level of menu, sort the elements‘ list and place it “under” the first level button.
Advanced Mode #
In advanced mode, you have more options for your menu.
Change Menu type: horizontal/vertical/mobile #
To change menu type in the website builder, select in the element edition panel “Menu type” and choose amongst horizontal, vertical and mobile. The direction of menu rollout you may select in the “Submenu” tab.
Change Menu style #
In order to change menu style, all you would have to do is to click one time on it. In the side edition panel, set attributes like in any other element. You may change background color, visibility, borders etc.
Change the Menu button style #
- Normal State — to change the style of a single menu button, double-click on it. The blue frame will appear and in the Settings panel you will be able to edit a single button’s style and its content.
- State: Hover — to change the style of a single menu button when a user hovers over it, select in the Settings panel “State: Hover” and adjust the button’s style and content accordingly.
- State active — a state of the linked subpage which is currently open. In order to edit this state, select in the Settings panel “State: Active” and adjust style and content.
Make one menu button look different from others #
If you want one menu button to look different from others, double-click on it and in the Settings panel select “Same button design” and untick a “Use default level style” box.
From now on, every change made to this button will not cause the changes in the other buttons (in style or content).
