In the WebWave responsive website creator, "Menu" allows you to add a website navigation, which lets you navigate through the pages.
In the Webwave editor, menu can be added from the toolbar on the left side of the editor. Just click the appropriate button or drag it onto the page.
When you add a new menu on the website, it will contain links to all of your existing site pages.
To edit the menu, open the "Edit menu" window by clicking on the edit icon in the corner of the element:
To add subpages, drag them from the right window, which displays all of your pages to the window in the middle, where all the pages that appear in the selected menu are displayed.
To add a link to the menu use the "Add link" in the lower right corner of the Menu editing window. In the Name box, type the name that will appear as a new menu item. The "Link" allows you to choose the type of link you want to create:
Empty – allows you to create a menu item, which does not cause any action when clicked. This is especially useful when you create a two-level menu, and we want to make a drop-down second level menu on hover.
Object on the page – allows you to create a menu item, you can click to jump to a specific item on the site. e.g. At the bottom of one of the pages, at the end of a very long text is a gallery to which you want to link directly from the main menu. Select Add a link to "object on the page", select the page on which the object is located and then select the specific object to which you want to link and it's done. If you do not know the name of the given object, click it on the page and then read his name in the layers. It will be highlighted in green.
To delete a subpage, simply click and drag it out of the center window. You can also expand the details page, and there click "Delete from the menu".
To change the order of pages, in the center window, drag and drop subpage to the place where you want it in your menu.
To add second level elements in the menu, they should be sorted appropriately in the list of menu elements and placed "under" first level button.
To change the label on the button in the Menu, enter the menu editor and show the details of the selected page, by clicking the arrow to the right:
Then, in the label window, enter the name you want to see on the menu button and click “save” (at the bottom of the Menu editing window).
In the Button info tab, you can also set whether you want the link to open in the same tab or in a new one. You can also always see here the original title of the website, to which a button leads.
After selecting the menu, a setting box will appear in the bottom panel:
Every new page added to the site will automatically be added to the menu. If you do not want new pages automatically added to the menu, uncheck this option.
Spacing between buttons in pixels
Select whether the menu is placed vertically or horizontally.
Where should the label be placed on the button
To change the orientation of the menu in the WebWave wizard, simply select it from the bottom panel. The direction in which the second level menu expands is selected automatically, depending on which side of the menu, there is a free space for a menu to expand.
The menu is placed in a standard element and its attributes can be changed exactly like attributes of other objects. You can set a background, padding, border and so on.
Normal state – To change the style of a single button in the menu, click the button twice. The green frame around the entire item will disappear, instead, a cyan border around a single button will appear. You can now edit a single button in the bottom panel, and in addition you can change the style of the text in the button, in the editor:
Now, all changes made in the style of a button will affect its appearance when you hover over it with the mouse.
Active state – The active state of the menu is the appearance of a button, that links to a page that is currently open. If we are now on the "Offer" page, a menu button “Offer” will be displayed in the active state. To edit this state, double-click the selected menu button and select "active" in the “menu states” box.
If you want one button in the menu look different than all the others, select the button by clicking it twice, and in the bottom panel uncheck "Use default style".
From now on, all changes made in the style of the button will apply only to it, and will not affect other buttons.
Copyright © 2011 — 2018
All Rights Reserved
YOU SHOULD USE WEBWAVE TOO!
Try - it's free
HELP & SUPPORT